headlessui-float icon indicating copy to clipboard operation
headlessui-float copied to clipboard

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

Headless UI Float

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


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

Sponsor

If you think this package have helped you, please consider Become a sponsor to support my work~

Become a Patron

Credits

License

Under the MIT LICENSE