得分
60
用户评分
2.0
支持免费/试用
支持
起始价格
--
最近更新
08月04日
概览
FLOATING UI 是什么？
Floating UI 是一个 JavaScript 库，用于定位浮动元素（例如工具提示、弹出框、下拉菜单），相对于锚点元素，通过避免碰撞确保它们保持在视图中。它从 Popper 2 演变而来，提供放置、移位、翻转、大小调整和箭头定位等功能，支持 React、Vue 和其他平台。
FLOATING UI 用于什么？
标签
主要功能
- 智能锚点定位与碰撞避免
- 放置、移位、翻转和大小调整
- 箭头元素定位
- 鼠标坐标的虚拟锚点
- 可树摇模块
- 支持 React、Vue、React Native 和 canvas
如何使用 FLOATING UI？
通过 npm、Yarn、pnpm 或 CDN 安装，然后使用 computePosition() 和其他模块将浮动元素锚定到参考元素，处理悬停或点击等交互，用于 Web 应用中的工具提示和弹出框。
替代工具
未找到替代工具
优点 & 缺点
优点
- 免费开源
- 轻量级和模块化
- 跨平台，支持多种框架
- UI 组件高度可定制
缺点
- 主要面向开发者，可能需要编码技能
- 仅限于基于 Web 的平台
使用场景
- 为 Web 界面创建工具提示
- 构建交互式对话框的弹出框
- 在 React 应用中实现下拉菜单
- 在 Vue 项目中定位浮动元素
FLOATING UI 价格
免费计划
暂无详细定价信息
用户评价
2.0
满分5分
2.0
暂无评价
成为第一个评价此工具的用户！