floating-ui
A JavaScript library for positioning floating elements like tooltips and popovers, with platform-specific packages for React, Vue, and vanilla DOM.
What is floating-ui?
Floating UI is a JavaScript library designed to position floating elements like tooltips, popovers, and dropdowns relative to anchor elements. It solves the problem of ensuring these elements stay anchored and visible, even when near viewport edges or inside scrolling containers. The library provides low-level positioning logic and tools for building accessible interactions.
Frontend developers building interactive UI components such as tooltips, dropdowns, or popovers in vanilla JavaScript, React, Vue, or React Native applications.
Developers choose Floating UI for its cross-platform support, reliable collision detection, and focus on accessibility. It offers a modular, low-level API that gives fine-grained control over positioning and interactions, unlike higher-level UI frameworks.
Overview
A JavaScript library to position floating elements and create interactions for them.
Use Cases
Best For
- Building custom tooltips that automatically reposition to avoid viewport edges
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
