floating-ui/floating-ui

Health v2 · maintenance only

Adoption not part of the score

32709 stars · 1696 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Floating UI is a small JavaScript/TypeScript library for positioning floating elements like tooltips, popovers, and dropdowns anchored to reference elements, with viewport collision avoidance. It also provides React hooks and components for building accessible floating UI interactions.

Use cases

• position a tooltip next to a button
• create an accessible dropdown menu in React
• keep a popover in view when scrolling
• build a combobox or select menu
• avoid viewport collisions for floating elements
• anchor an element to the mouse cursor
• build headless UI components like dialogs and hover cards

When to choose

• you need robust anchor positioning with collision detection for tooltips, popovers, or menus
• you want low-level primitives to build your own accessible floating components
• you need framework-agnostic positioning or React Native support
• bundle size matters and you want tree-shakeable, modular code

When to avoid

• you want pre-built, styled UI components out of the box
• you only need simple CSS-only positioning without dynamic collision handling
• you are not working in a DOM or React environment

Facets

library · maturity stable

ui-components frontend-framework animation frontend web-development accessibility developer-tools browser cross-platform tooltip-positioning popover dropdown anchor-positioning react-hooks headless-ui collision-detection typescript nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="floating-ui/floating-ui")