FLOATING UI
Una biblioteca de JavaScript para posicionar elementos flotantes como información sobre herramientas y ventanas emergentes con prevención inteligente de colisiones y soporte independiente de la plataforma.
Puntuación
60
Calificación de Usuario
2.0
Soporte Gratuito/Prueba
Soportado
Precio Inicial
--
Última Actualización
ago 04, 2026
Resumen
¿Qué es FLOATING UI?
La interfaz de usuario flotante es una biblioteca de JavaScript que posiciona elementos flotantes (por ejemplo, información sobre herramientas, ventanas emergentes, menús desplegables) en relación con los anclajes, lo que garantiza que permanezcan a la vista y evite colisiones. Evolucionó a partir de Popper 2 y ofrece funciones como ubicación, desplazamiento, giro, ajustes de tamaño y posicionamiento de flechas, con soporte para React, Vue y otras plataformas.
¿Para qué se usa FLOATING UI?
Etiquetas
Grupos de Usuarios
Características Principales
- Posicionamiento inteligente del ancla con prevención de colisiones
- Ajustes de ubicación, desplazamiento, giro y tamaño
- Posicionamiento del elemento de flecha
- Anclajes virtuales para coordenadas del mouse.
- Módulos sacudibles por árboles
- Soporte para React, Vue, React Native y Canvas
¿Cómo usar FLOATING UI?
Instálelo a través de npm, Yarn, pnpm o CDN, luego use computePosition() y otros módulos para anclar elementos flotantes a referencias, manejando interacciones como pasar el mouse o hacer clic para obtener información sobre herramientas y ventanas emergentes en aplicaciones web.
Herramientas Alternativas
No se encontraron herramientas alternativas
Pros & Contras
Pros
- Gratis y de código abierto
- Ligero y modular
- Independiente de la plataforma con amplio soporte de marco
- Alta personalización de los componentes de la interfaz de usuario.
Contras
- Principalmente para desarrolladores, puede requerir habilidades de codificación.
- Limitado a plataformas basadas en web
Casos de Uso
- Crear información sobre herramientas para interfaces web
- Creación de ventanas emergentes para diálogos interactivos
- Implementación de menús desplegables en aplicaciones React
- Posicionamiento de elementos flotantes en proyectos Vue
Precios de FLOATING UI
Plan Gratuito
No hay información detallada de precios disponible
Reseñas de Usuarios
2.0
de 5
2.0
Aún no hay reseñas
¡Sé el primero en reseñar esta herramienta!