YC
ycs77/headlessui-float
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.
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
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