Skip to content
Submit

Tool

floating-ui.com icon

Floating UI

UI positioning primitives for popovers and tooltips

About

A JavaScript library to position floating elements and create interactions for them.

Anchor a floating element next to another element while making sure it stays in view by avoiding collisions . This lets you position tooltips, popovers, or dropdowns optimally.

A new headless React component library built on top of Floating UI that provides a set of headless floating components (among others) — tooltips, popovers, menus, selects, preview cards, dialogs, toasts, and more.

Build advanced floating components using Floating UI's React toolkit of components and hooks.

Features

  • Position tooltips and popovers
Pricing
Open Source
Pricing detail
Free MIT library
Platforms
Web / JS
See alternatives to Floating UI →

Alternatives from our catalog

Tools on the same shelves as Floating UI, ordered by shared tags and our own comparisons. Not vendor endorsements.

  • LivelyIconsOpen Source · React

    oss set

    same tags

  • Micron.jsOpen Source · Web / JS

    Tiny library for button feedback micro-anims

    same tags

  • Epic SpinnersOpen Source · Web / Vue / CSS

    Popular stylish spinner pack from Epicmax

    same tags

  • WhirlOpen Source · Web / CSS

    Copyable CSS loader zoo

    same tags

  • AnimistaFree · Web

    Go-to copy-paste CSS micro-anim generator

    same tags

  • Animatedicons.coFree · Web

    Large free animated icon pack with live color tweaks

    same tags

Add a badge to your site

Makers listed on isthereanytool.app can embed this badge. It links to Floating UI’s page on our catalog — no scripts, just HTML.

Featured on isthereanytool.app
<a href="https://www.isthereanytool.app/tool/floating-ui" target="_blank" rel="noopener"><img src="https://www.isthereanytool.app/badge/listed.svg?theme=paper" alt="Featured on isthereanytool.app" width="250" height="54"></a>

Listed in