{"id":13847218,"url":"https://github.com/ycs77/headlessui-float","last_synced_at":"2025-05-14T19:02:45.748Z","repository":{"id":40512694,"uuid":"463231190","full_name":"ycs77/headlessui-float","owner":"ycs77","description":"Easily use Headless UI with Floating UI to position floating elements.","archived":false,"fork":false,"pushed_at":"2025-02-09T17:51:13.000Z","size":3575,"stargazers_count":352,"open_issues_count":0,"forks_count":13,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-14T07:14:42.563Z","etag":null,"topics":["dropdown","headless-ui","headlessui","popover","popovers","position","positioning","react","tailwindcss","vue"],"latest_commit_sha":null,"homepage":"https://headlessui-float.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ycs77.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"patreon":"ycs77"}},"created_at":"2022-02-24T17:03:03.000Z","updated_at":"2025-05-13T09:59:31.000Z","dependencies_parsed_at":"2023-02-05T12:45:33.512Z","dependency_job_id":"fccd6438-e89b-4696-9adf-55ad3f9c9689","html_url":"https://github.com/ycs77/headlessui-float","commit_stats":{"total_commits":361,"total_committers":7,"mean_commits":51.57142857142857,"dds":0.06648199445983383,"last_synced_commit":"0a84589e50b48d344fefcc4488c95924d0afab88"},"previous_names":[],"tags_count":38,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ycs77%2Fheadlessui-float","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ycs77%2Fheadlessui-float/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ycs77%2Fheadlessui-float/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ycs77%2Fheadlessui-float/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ycs77","download_url":"https://codeload.github.com/ycs77/headlessui-float/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254209802,"owners_count":22032894,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dropdown","headless-ui","headlessui","popover","popovers","position","positioning","react","tailwindcss","vue"],"created_at":"2024-08-04T18:01:13.574Z","updated_at":"2025-05-14T19:02:45.724Z","avatar_url":"https://github.com/ycs77.png","language":"TypeScript","funding_links":["https://patreon.com/ycs77","https://www.patreon.com/ycs77"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch2 align=\"center\"\u003eHeadless UI Float\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  Easily use \u003ca href=\"https://headlessui.com/\"\u003eHeadless UI\u003c/a\u003e with \u003ca href=\"https://floating-ui.com/\"\u003eFloating UI\u003c/a\u003e (New version Popper.js) to position floating elements.\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003e [!NOTE]\n\u003e [Headless UI](https://headlessui.com/) has [released version 2.0](https://tailwindcss.com/blog/headless-ui-v2#built-in-anchor-positioning) (currently for React only), which builds in anchor positioning with Floating UI, making this package unnecessary.\n\n## Features\n\n* 💙 Easily use Headless UI \u0026 Tailwind CSS\n* 💬 Floating UI (New version Popper.js) position floating elements\n* 🔔 Auto-update floating elements\n* ♾️ Support Transition\n* 🚪 Support Portal\n* ➡️ Support Arrow\n\n## Documentation\n\n[Documentation](https://headlessui-float.vercel.app/) | [繁體中文文檔](https://headlessui-float.vercel.app/zh-tw/)\n\n## Packages\n\n| Name                                       | Version                                         | Downloads                                           |\n| ------------------------------------------ | ----------------------------------------------- | --------------------------------------------------- |\n| [`@headlessui-float/react`][react-link-gh] | [![NPM Version][react-version]][react-link-npm] | [![NPM Downloads][react-downloads]][react-link-npm] |\n| [`@headlessui-float/vue`][vue-link-gh]     | [![NPM Version][vue-version]][vue-link-npm]     | [![NPM Downloads][vue-downloads]][vue-link-npm]     |\n| [`@headlessui-float/nuxt`][nuxt-link-gh]   | [![NPM Version][nuxt-version]][nuxt-link-npm]   | [![NPM Downloads][nuxt-downloads]][nuxt-link-npm]   |\n\n[react-version]: https://img.shields.io/npm/v/@headlessui-float/react?style=flat-square\n[react-downloads]: https://img.shields.io/npm/dt/@headlessui-float/react?style=flat-square\n[vue-version]: https://img.shields.io/npm/v/@headlessui-float/vue?style=flat-square\n[vue-downloads]: https://img.shields.io/npm/dt/@headlessui-float/vue?style=flat-square\n[nuxt-version]: https://img.shields.io/npm/v/@headlessui-float/nuxt?style=flat-square\n[nuxt-downloads]: https://img.shields.io/npm/dt/@headlessui-float/nuxt?style=flat-square\n\n[react-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/react\n[react-link-npm]: https://www.npmjs.com/package/@headlessui-float/react\n[vue-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/vue\n[vue-link-npm]: https://www.npmjs.com/package/@headlessui-float/vue\n[nuxt-link-gh]: https://github.com/ycs77/headlessui-float/tree/main/packages/nuxt\n[nuxt-link-npm]: https://www.npmjs.com/package/@headlessui-float/nuxt\n\n## Sponsor\n\nIf 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.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.patreon.com/ycs77\"\u003e\n    \u003cimg src=\"https://cdn.jsdelivr.net/gh/ycs77/static/sponsors.svg\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://www.patreon.com/ycs77\"\u003e\n  \u003cimg src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\" alt=\"Become a Patron\" /\u003e\n\u003c/a\u003e\n\n## Credits\n\n* [Headless UI](https://headlessui.com/)\n* [Floating UI](https://floating-ui.com/)\n* This package is inspired by the [headlessui#154 example](https://github.com/tailwindlabs/headlessui/issues/154)\n\n## License\n\nUnder the [MIT LICENSE](LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fycs77%2Fheadlessui-float","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fycs77%2Fheadlessui-float","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fycs77%2Fheadlessui-float/lists"}