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](https://headlessui-float.vercel.app/) | [繁體中文文ζͺ”](https://headlessui-float.vercel.app/zh-tw/) ## Packages | Name | Version | Downloads | | ------------------------------------------ | ----------------------------------------------- | --------------------------------------------------- | | [`@headlessui-float/react`][react-link-gh] | [![NPM Version][react-version]][react-link-npm] | [![NPM Downloads][react-downloads]][react-link-npm] | | [`@headlessui-float/vue`][vue-link-gh] | [![NPM Version][vue-version]][vue-link-npm] | [![NPM Downloads][vue-downloads]][vue-link-npm] | | [`@headlessui-float/nuxt`][nuxt-link-gh] | [![NPM Version][nuxt-version]][nuxt-link-npm] | [![NPM Downloads][nuxt-downloads]][nuxt-link-npm] | [react-version]: https://img.shields.io/npm/v/@headlessui-float/react?style=flat-square [react-downloads]: https://img.shields.io/npm/dt/@headlessui-float/react?style=flat-square [vue-version]: https://img.shields.io/npm/v/@headlessui-float/vue?style=flat-square [vue-downloads]: https://img.shields.io/npm/dt/@headlessui-float/vue?style=flat-square [nuxt-version]: https://img.shields.io/npm/v/@headlessui-float/nuxt?style=flat-square [nuxt-downloads]: https://img.shields.io/npm/dt/@headlessui-float/nuxt?style=flat-square [react-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/react [react-link-npm]: https://www.npmjs.com/package/@headlessui-float/react [vue-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/vue [vue-link-npm]: https://www.npmjs.com/package/@headlessui-float/vue [nuxt-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/nuxt [nuxt-link-npm]: https://www.npmjs.com/package/@headlessui-float/nuxt ## Sponsor If you think this package has helped you, please consider [Becoming a sponsor](https://www.patreon.com/ycs77) to support my work~ and your avatar will be visible on my major projects.

Become a Patron ## Credits * [Headless UI](https://headlessui.dev/) * [Floating UI](https://floating-ui.com/) * This package is inspired by the [headlessui#154 example](https://github.com/tailwindlabs/headlessui/issues/154) ## License Under the [MIT LICENSE](LICENSE.md)