FLOATING UI
Eine JavaScript-Bibliothek zum Positionieren schwebender Elemente wie Tooltips und Popovers mit intelligenter Kollisionsvermeidung und plattformunabhängiger Unterstützung.
Überblick
Was ist FLOATING UI?
Floating UI ist eine JavaScript-Bibliothek, die schwebende Elemente (z. B. Tooltips, Popovers, Dropdowns) relativ zu Ankern positioniert und so sicherstellt, dass sie sichtbar bleiben, indem Kollisionen vermieden werden. Es ist eine Weiterentwicklung von Popper 2 und bietet Funktionen wie Platzierung, Verschiebung, Spiegelung, Größenanpassung und Pfeilpositionierung mit Unterstützung für React, Vue und andere Plattformen.
Wofür wird FLOATING UI verwendet?
Tags
Benutzergruppen

Top-Funktionen
- Intelligente Ankerpositionierung mit Kollisionsvermeidung
- Platzierungs-, Verschiebungs-, Spiegelungs- und Größenanpassungen
- Positionierung des Pfeilelements
- Virtuelle Anker für Mauskoordinaten
- Baumschüttelbare Module
- Unterstützung für React, Vue, React Native und Canvas
Wie verwendet man FLOATING UI?
Installieren Sie es über npm, Yarn, pnpm oder CDN und verwenden Sie dann computePosition() und andere Module, um schwebende Elemente an Referenzen zu verankern und Interaktionen wie Hovern oder Klicken für Tooltips und Popovers in Webanwendungen zu verarbeiten.
Alternative Tools
Vorteile & Nachteile
Vorteile
- Kostenlos und Open Source
- Leicht und modular
- Plattformunabhängig mit umfassender Framework-Unterstützung
- Hohe Anpassbarkeit für UI-Komponenten
Nachteile
- In erster Linie für Entwickler, möglicherweise Programmierkenntnisse erforderlich
- Beschränkt auf webbasierte Plattformen
Anwendungsfälle
- Erstellen von Tooltips für Weboberflächen
- Erstellen von Popovers für interaktive Dialoge
- Implementierung von Dropdown-Menüs in React-Apps
- Positionierung schwebender Elemente in Vue-Projekten
FLOATING UI Preise
Benutzerbewertungen
Noch keine Bewertungen
Seien Sie der Erste, der dieses Tool bewertet!