Headless UI Float

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

[!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
@headlessui-float/vue
@headlessui-float/nuxt

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.

Credits

• Headless UI
• Floating UI
• This package is inspired by the headlessui#154 example

License

Under the MIT LICENSE