FLOATING UI
Une bibliothèque JavaScript pour positionner des éléments flottants tels que des info-bulles et des popovers avec un système intelligent d'évitement des collisions et une prise en charge indépendante de la plate-forme.
Score
60
Évaluation Utilisateur
2.0
Support Gratuit/Essai
Pris en Charge
Prix de Démarrage
--
Dernière Mise à Jour
août 04, 2026
Aperçu
Qu'est-ce que FLOATING UI ?
Floating UI est une bibliothèque JavaScript qui positionne les éléments flottants (par exemple, les info-bulles, les popovers, les listes déroulantes) par rapport aux ancres, garantissant qu'ils restent visibles en évitant les collisions. Il a évolué à partir de Popper 2 et offre des fonctionnalités telles que le placement, le décalage, le retournement, les ajustements de taille et le positionnement des flèches, avec la prise en charge de React, Vue et d'autres plates-formes.
À quoi sert FLOATING UI ?
Tags
Groupes d'Utilisateurs
Fonctionnalités Principales
- Positionnement intelligent de l'ancre avec évitement des collisions
- Ajustements de placement, de décalage, de retournement et de taille
- Positionnement des éléments fléchés
- Ancres virtuelles pour les coordonnées de la souris
- Modules pouvant être modifiés en arborescence
- Prise en charge de React, Vue, React Native et Canvas
Comment utiliser FLOATING UI ?
Installez via npm, Yarn, pnpm ou CDN, puis utilisez calculatePosition() et d'autres modules pour ancrer les éléments flottants aux références, en gérant les interactions telles que le survol ou le clic pour les info-bulles et les popovers dans les applications Web.
Outils Alternatifs
Aucun outil alternatif trouvé
Avantages & Inconvénients
Avantages
- Gratuit et open source
- Léger et modulaire
- Indépendant de la plate-forme avec un large support de framework
- Haute personnalisation des composants de l'interface utilisateur
Inconvénients
- Principalement destiné aux développeurs, peut nécessiter des compétences en codage
- Limité aux plateformes Web
Cas d'Utilisation
- Création d'info-bulles pour les interfaces Web
- Création de popovers pour les dialogues interactifs
- Implémentation de menus déroulants dans les applications React
- Positionnement des éléments flottants dans les projets Vue
Tarifs de FLOATING UI
Plan Gratuit
Aucune information détaillée sur les prix disponible
Avis Utilisateurs
2.0
sur 5
2.0
Aucun avis pour le moment
Soyez le premier à évaluer cet outil !