得分
60
用戶評分
2.0
支援免費/試用
支援
起始價格
--
最近更新
8月 04, 2026
概覽
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 介面建立工具提示
- 建立互動式對話框的彈出視窗
- 在 React 應用程式中實現下拉式選單
- 在Vue專案中定位浮動元素
FLOATING UI 價格
免費方案
暫無詳細定價資訊
用戶評價
2.0
滿分5分
2.0
暫無評價
成為第一個評價此工具的使用者！