FLOATING UI
A JavaScript library for positioning floating elements like tooltips and popovers with smart collision avoidance and platform-agnostic support.
User Rating
2.0
Score
60
Free/Trial Support
Supported
Features
1 Features
Last Updated
Mar 05, 2026
What is FLOATING UI?
Floating UI is a JavaScript library that positions floating elements (e.g., tooltips, popovers, dropdowns) relative to anchors, ensuring they stay in view by avoiding collisions. It evolved from Popper 2 and offers features like placement, shift, flip, size adjustments, and arrow positioning, with support for React, Vue, and other platforms.
How to use FLOATING UI?
Install via npm, Yarn, pnpm, or CDN, then use computePosition() and other modules to anchor floating elements to references, handling interactions like hover or click for tooltips and popovers in web applications.
Top Features
- Smart anchor positioning with collision avoidance
- Placement, shift, flip, and size adjustments
- Arrow element positioning
- Virtual anchors for mouse coordinates
- Tree-shakeable modules
- Support for React, Vue, React Native, and canvas
Pros & Cons
Pros
- Free and open-source
- Lightweight and modular
- Platform-agnostic with broad framework support
- High customizability for UI components
Cons
- Primarily for developers, may require coding skills
- Limited to web-based platforms
Use Cases
- Creating tooltips for web interfaces
- Building popovers for interactive dialogs
- Implementing dropdown menus in React apps
- Positioning floating elements in Vue projects
User Groups
- web-developers
- react-developers
- vue-developers
FLOATING UI Pricing
Free Plan
No detailed pricing information available
Cover Preview
FLOATING UI Features
- Develop functionalityDevelop