css-anchor-kit 是一个轻量库,将 floating-ui 的 API 映射到浏览器原生 CSS Anchor Positioning。定位由布局引擎完成,无需 JS 测量或 autoUpdate 循环。
- 零运行时 JS:定位、翻转、尺寸匹配均在 CSS 层完成,不占用滚动/ resize 路径的 JS 开销
- API 与 floating-ui 一致:支持 placement / offset / flip / hide / size / arrow / RTL,React hook
useAnchor 与框架无关核心 buildAnchorStyles- 提供 codemod 自动迁移:
npx css-anchor-kit migrate "src/**/*.{ts,tsx}",覆盖 80% 的转换,未支持的留下 TODO 注释- 限制:不支持连续 shift 和 autoPlacement,翻转类场景优于连续滑动
GitHub: GitHub
#开发者 #工具
📢 频道:@DevToolboxHub



