Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Aug 25, 2025. It is now read-only.

ycs77/headlessui-float

Repository files navigation

Headless UI Float

Easily use Headless UI with Floating UI (New version Popper.js) to position floating elements.


Warning

This package is unmaintained due to lack of time. It should mostly work but do not expect fixes or new features.

Note

Headless UI has released version 2.0 (currently for React only), which builds in anchor positioning with Floating UI, making this package unnecessary.

Features

  • πŸ’™ Easily use Headless UI & Tailwind CSS
  • πŸ’¬ Floating UI (New version Popper.js) position floating elements
  • πŸ”” Auto-update floating elements
  • ♾️ Support Transition
  • πŸšͺ Support Portal
  • ➑️ Support Arrow

Documentation

Documentation | 繁體中文文ζͺ”

Packages

Name Version Downloads
@headlessui-float/react NPM Version NPM Downloads
@headlessui-float/vue NPM Version NPM Downloads
@headlessui-float/nuxt NPM Version NPM Downloads

Sponsor

If you think this package has helped you, please consider Becoming a sponsor to support my work~ and your avatar will be visible on my major projects.

Become a Patron

Credits

License

Under the MIT LICENSE

About

Easily use Headless UI with Floating UI to position floating elements.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 7

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /