floating-ui

A JavaScript library to position floating elements and create interactions for them. (by floating-ui)

Floating-ui Alternatives

Similar projects and alternatives to floating-ui

  1. chakra-ui

    358 floating-ui VS chakra-ui

    Chakra UI is a component system for building SaaS products with speed ⚑️

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  3. Material UI

    303 floating-ui VS Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  4. Chart.js

    214 floating-ui VS Chart.js

    Simple HTML5 Charts using the <canvas> tag

  5. dayjs

    111 floating-ui VS dayjs

    ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API

  6. Swiper

    99 floating-ui VS Swiper

    Most modern mobile touch slider with hardware accelerated transitions

  7. animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

  8. primereact

    The Most Complete React UI Component Library

  9. sweetalert2

    51 floating-ui VS sweetalert2

    ✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. πŸ‡ΊπŸ‡¦πŸ‡ͺπŸ‡Ί

  10. linaria

    53 floating-ui VS linaria

    Zero-runtime CSS in JS library

  11. Masonry

    :love_hotel: Cascading grid layout plugin (by desandro)

  12. fullcalendar

    34 floating-ui VS fullcalendar

    Full-sized drag & drop event calendar in JavaScript

  13. sortablejs

    30 floating-ui VS sortablejs

    Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

  14. intro.js

    21 floating-ui VS intro.js

    Lightweight, user-friendly onboarding tour library

  15. PhotoSwipe

    15 floating-ui VS PhotoSwipe

    JavaScript image gallery for mobile and desktop, modular, framework independent

  16. floating-vue

    5 floating-ui VS floating-vue

    πŸ’¬ Easy tooltips, popovers, dropdown, menus... for Vue

  17. tippyjs

    2 floating-ui VS tippyjs

    Discontinued Tooltip, popover, dropdown, and menu library

  18. react-popper

    2 floating-ui VS react-popper

    Discontinued πŸΏβš›Official React library to use Popper, the positioning library

  19. hint.css

    A CSS only tooltip library for your lovely websites.

  20. react-tooltip

    7 floating-ui VS react-tooltip

    React Tooltip Component

  21. ng-bootstrap

    21 floating-ui VS ng-bootstrap

    Angular powered Bootstrap

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better floating-ui alternative or higher similarity.

floating-ui discussion

Log in or Post with

floating-ui reviews and mentions

Posts with mentions or reviews of floating-ui. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2026-06-04.
  • Position tooltips and popovers with native CSS β€” zero runtime JS
    4 projects | dev.to | 4 Jun 2026
    floating-ui is one of the most-downloaded packages on npm β€” ~28M installs a week β€” and its core job is keep this box next to that box. To do that in 2020 you had to: measure the anchor's rect, measure the floating box, compute a position, write it to style, and then re-run that whole pipeline on every scroll, resize, and layout shift via an autoUpdate loop. That's the runtime cost. That's why there's a library.
  • Floating UI – JavaScript library to position floating elements
    1 project | news.ycombinator.com | 6 Dec 2024
  • 12 Must-Know Libraries to Supercharge Your Frontend Development
    8 projects | dev.to | 12 Oct 2024
  • Frontend Libraries for Your Next Project
    5 projects | dev.to | 12 Jul 2024
    Floating UI, formerly known as Popper.js, is a library for creating dynamic and responsive tooltips, pop-overs, dropdowns, and other floating widgets. Its powerful positioning engine ensures that elements are always displayed correctly, even in complex layouts.
  • Create a React Tooltip component using Popover API
    1 project | dev.to | 27 Jun 2024
    For this small snippet, I've used JS Popover API (HTMLElement.showPopover & HTMLElement.hidePopover) and Floating UI for Tooltip positioning. Check it out:
  • Frontend resources! πŸš€
    24 projects | dev.to | 25 May 2024
    Floating UI (Tooltips): Floating UI for interactive tooltips
  • Top 9 CSS and JavaScript Tooltip Libraries
    11 projects | dev.to | 14 May 2024
    Floating UI (28.7k ⭐) β€” A JavaScript library that helps you create and position floating elements such as tooltips, popovers, dropdowns, and more. It also provides hooks and components for building accessible user interactions with React. Floating UI is smart, flexible, and platform-agnostic. Floating UI is the evolution of Popper 2, designed to bring the project to a new level.
  • Exploring Catalyst, Tailwind's UI kit for React
    3 projects | dev.to | 27 Mar 2024
    Built-in anchor positioning: With Floating UI, components like Menu and Listbox automatically position their popovers, anchoring them to their triggers and allowing them to adjust to changes in the viewport quickly.
  • Guided Tours Solution for Your Web Application
    5 projects | dev.to | 6 Mar 2024
    Shepherd is a powerful and customizable open source JavaScript library for creating interactive tours and onboarding experiences in web applications. It uses another open source library Floating UI to render the dialog tours. It offers a simple setup process, dynamic content support, the ability to create custom actions and events, and theming and styling too. More importantly, it is responsive too and never goes offscreen on smaller devices. Shepherd also provides excellent documentation and support, making it a popular choice among developers.
  • How to implement this hover effect?
    1 project | /r/react | 26 Aug 2023
    Check https://floating-ui.com/
  • A note from our sponsor - SaaSHub
    www.saashub.com | 15 Jun 2026
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Stats

Basic floating-ui repo stats
27
32,614
7.5
5 days ago

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com

Did you know that TypeScript is
the 2nd most popular programming language
based on number of references?