FLOATING UI
スマートな衝突回避とプラットフォームに依存しないサポートを備えた、ツールチップやポップオーバーなどのフローティング要素を配置するための JavaScript ライブラリ。
スコア
60
ユーザー評価
2.0
無料/トライアルサポート
サポート済み
開始価格
--
最終更新
8月 04, 2026
概要
FLOATING UIとは？
フローティング UI は、フローティング要素 (ツールヒント、ポップオーバー、ドロップダウンなど) をアンカーに相対的に配置し、衝突を回避してビュー内に確実に表示されるようにする JavaScript ライブラリです。 Popper 2 から進化し、配置、シフト、反転、サイズ調整、矢印の位置決めなどの機能を提供し、React、Vue、およびその他のプラットフォームをサポートします。
FLOATING UIは何に使われますか？
タグ
主要機能
- 衝突回避によるスマートなアンカー位置決め
- 配置、シフト、反転、サイズの調整
- 矢印要素の位置決め
- マウス座標の仮想アンカー
- ツリーシェイク可能なモジュール
- React、Vue、React Native、およびキャンバスのサポート
FLOATING UIの使い方は？
npm、Yarn、pnpm、または CDN 経由でインストールし、computePosition() およびその他のモジュールを使用してフローティング要素を参照に固定し、Web アプリケーションでのツールチップやポップオーバーのホバーまたはクリックなどのインタラクションを処理します。
代替ツール
代替ツールが見つかりません
メリット & デメリット
メリット
- 無料かつオープンソース
- 軽量でモジュール式
- プラットフォームに依存せず、幅広いフレームワークをサポート
- UIコンポーネントの高いカスタマイズ性
デメリット
- 主に開発者向けで、コーディングスキルが必要な場合があります
- Webベースのプラットフォームに限定される
使用例
- Web インターフェースのツールチップの作成
- インタラクティブなダイアログ用のポップオーバーの構築
- React アプリでのドロップダウン メニューの実装
- Vue プロジェクトでのフローティング要素の配置
FLOATING UIの料金
無料プラン
詳細な料金情報がありません
ユーザーレビュー
2.0
5点中
2.0
まだレビューがありません
このツールの最初のレビュアーになりましょう！