FLOATING UI
Uma biblioteca JavaScript para posicionar elementos flutuantes, como dicas de ferramentas e popovers, com prevenção inteligente de colisões e suporte independente de plataforma.
Pontuação
60
Avaliação do Usuário
2.0
Suporte Gratuito/Teste
Suportado
Preço Inicial
--
Última Atualização
ago 04, 2026
Visão geral
O que é FLOATING UI?
Floating UI é uma biblioteca JavaScript que posiciona elementos flutuantes (por exemplo, dicas de ferramentas, popovers, menus suspensos) em relação às âncoras, garantindo que permaneçam visíveis, evitando colisões. Ele evoluiu do Popper 2 e oferece recursos como posicionamento, deslocamento, rotação, ajustes de tamanho e posicionamento de seta, com suporte para React, Vue e outras plataformas.
Para que serve o FLOATING UI?
Tags
Grupos de Usuários
Principais Recursos
- Posicionamento inteligente da âncora com prevenção de colisões
- Ajustes de posicionamento, deslocamento, inversão e tamanho
- Posicionamento do elemento de seta
- Âncoras virtuais para coordenadas do mouse
- Módulos abaláveis em árvore
- Suporte para React, Vue, React Native e canvas
Como usar FLOATING UI?
Instale via npm, Yarn, pnpm ou CDN e, em seguida, use computePosition() e outros módulos para ancorar elementos flutuantes em referências, manipulando interações como passar o mouse ou clicar para obter dicas de ferramentas e popovers em aplicativos da web.
Ferramentas Alternativas
Nenhuma ferramenta alternativa encontrada
Prós & Contras
Prós
- Gratuito e de código aberto
- Leve e modular
- Independente de plataforma com amplo suporte de estrutura
- Alta personalização para componentes de UI
Contras
- Principalmente para desenvolvedores, pode exigir habilidades de codificação
- Limitado a plataformas baseadas na web
Casos de Uso
- Criação de dicas de ferramentas para interfaces da web
- Construindo popovers para diálogos interativos
- Implementando menus suspensos em aplicativos React
- Posicionando elementos flutuantes em projetos Vue
Preços do FLOATING UI
Plano Gratuito
Nenhuma informação detalhada de preços disponível
Avaliações de Usuários
2.0
de 5
2.0
Ainda não há avaliações
Seja o primeiro a avaliar esta ferramenta!