Floating UI

Floating UI

Lightweight library for precise positioning of tooltips and popovers

Website
Floating UI screenshot

Floating UI is a tiny, platform‑agnostic JavaScript library that calculates optimal placement for floating components such as tooltips, popovers, menus, selects and dialogs. It automatically avoids collisions, flips, shifts and resizes elements to stay in view, supports virtual anchors and arrows, and works across web, React, Vue, React Native and canvas. Tree‑shakable modules keep bundles minimal, while the headless Base UI layer offers ready‑made React components for rapid development.