Floating UI is a low-level library for positioning “floating” elements like tooltips, popovers, dropdowns, menus and more while intelligently keeping them in view.
Challenges arise when positioning floating elements as they get taken out of the normal layout flow of a document, leading to issues with clipping and overflow, which is where this library can help!
- Tiny: 600-byte core with highly modular architecture for tree-shaking
- Low-level: Granular control over positioning behavior
- Pure: Predictable and side-effect free
- Extensible: Powerful middleware system
- Platform-agnostic: Runs on any JavaScript environment which provides measurement APIs, including the web and React Native
Floating UI aims to be an ideal solution for component libraries, like Bootstrap or MUI, due to its low-level and unopinionated nature. Floating UI works on any platform that can run JavaScript, as long as it has adequate measurement APIs for elements.
Floating UI