Sourcemap Explorer
Stack · npm package

@floating-ui/react

Floating UI for React

latest 0.27.19· MIT· 83 versions publishedView on npm

About

Floating UI for React

tooltippopoverdropdownmenupopuppositioningreactreact-dom

Live mirror of the GitHub README. Updated whenever the repo's default branch changes.

@floating-ui/react

This is the library to use Floating UI with React.

Quick facts

Latest version0.27.19
LicenseMIT
Authoratomiks
Repositorygithub.com/floating-ui/floating-ui
Homepagefloating-ui.com/docs/react
Installnpm install @floating-ui/react
Direct dependencies3
Peer dependenciesreact, react-dom

Common pairings

Packages this one expects to find in the same project. Each is also a Sourcemap Explorer detection target.

reactreact-dom

How Sourcemap Explorer detects @floating-ui/react

We catch @floating-ui/react from two complementary signals: bundled source paths and the embedded package.json. Modern bundlers (webpack, Vite, esbuild, Rollup, Turbopack) preserve the original node_modules/@floating-ui/react/ paths inside the JavaScript sourcemap's sources[] array — that's the canonical signal. When the matching package.json is also captured in sourcesContent[], we read the exact version field — patch number included. No regex guessing, no version inference.

  1. 1

    Confirm the site exposes sourcemaps

    In DevTools Network, check the response headers of any application script for `SourceMap` or `X-SourceMap`. Failing that, fetch the script's last 4 KB and look for a `//# sourceMappingURL=` comment.

  2. 2

    Find the package in the bundle

    Open DevTools → Network → reload. Click any application script and look at its sourcemap. Inside, search `sources[]` for entries matching `node_modules/@floating-ui/react/` — every match confirms the package is bundled. The matching `sourcesContent[i]` for `node_modules/@floating-ui/react/package.json` gives you the exact installed version.

  3. 3

    Read the version directly from package.json

    Run `jq -r '. as $m | $m.sources | to_entries[] | select(.value | endswith("node_modules/@floating-ui/react/package.json")) | $m.sourcesContent[.key] | fromjson | .version' bundle.js.map`. Sourcemap Explorer automates the same query in the popup.

Recent versions

Version
Released
0.14.0
—
0.15.0
—
0.15.1
—
0.16.0
—
0.17.0
—
0.18.0
—
0.18.1
—
0.19.0
—

FAQ

What is @floating-ui/react used for?

Floating UI for React

How can I tell if a website is using @floating-ui/react?

Open the page in Chrome with the Sourcemap Explorer extension installed and read the Stack tab. We catch `@floating-ui/react` from two complementary signals: `node_modules/@floating-ui/react/` paths inside the JavaScript sourcemap, and the embedded `package.json` we read for exact-version detection. Without the extension you can do the same lookup manually in DevTools — the steps are listed in the "How Sourcemap Explorer detects" section above.

What is the latest version of @floating-ui/react?

0.27.19, as published on the npm registry. The "Recent versions" table on this page lists the most recent 8 releases with their release dates. Sourcemap Explorer reports the version actually bundled into a site, which can lag the latest release by months on real-world deployments.

Where can I read more?

Project homepage: https://floating-ui.com/docs/react. Source code: https://github.com/floating-ui/floating-ui. Published on npm: https://www.npmjs.com/package/@floating-ui/react. Licensed as MIT.

Keep reading on Sourcemap Explorer

Practical guides

Detection deep dives

Alternative tools

Detected by Sourcemap Explorer

When a bundle ships sourcemaps, we read the embedded package.json for @floating-ui/react and report the precise version. Without sourcemaps, an import / require in the page's scripts is enough to flag it.

Install free on Chrome