Powerful positioning primitives.
Floating UI is a low-level toolkit to position floating elements while intelligently keeping them in view. Tooltips, popovers, dropdowns, menus, and more.
Placement
Places your floating element on 12 core positions.
Shift
Shifts your floating element to keep it in view.
Flip
Changes the placement of your floating element to keep it in view.
Size
Changes the size of your floating element to keep it in view.
Arrow
Dynamically positions an arrow element that is center-aware.
Virtual
Position relative to any coordinates, such as your mouse cursor.
Light as a feather.
The core is only 600 bytes when minified and compressed with Brotli. Plus, the architecture is super modular, so tree-shaking works like a charm.
computePosition()+0.6 kBshift()+0.6 kBlimitShift()+0.2 kBflip()+0.5 kBhide()+0.2 kBoffset()+0.1 kBautoPlacement()+0.4 kBsize()+0.3 kBinline()+0.6 kBDOM platform+1.9 kBSupport Floating UI's future.
Ongoing work is making Floating UI the best, 100% free solution in this space. We are proudly sponsored by the following organizations, consider joining them on Open Collective!
Usetiful
User onboarding and product adoption made simple
Modern Treasury
The one place to keep a business’s money flowing
Components!
The ability to easily craft beautiful and accessible tooltips, popovers, dropdowns, and more is in development.
Tooltips
A floating element to describe or add additional information to another element, such as a button.
Dropdowns
An interactive menu of selectable items and potential submenus.
Popovers
A floating element displaying rich, optionally interactive HTML content.
Coming soon
The @floating-ui/components package is in development. Consider supporting the future of this project through sponsorship:
SponsorReady to install?
Start playing via your package manager or CDN.