{"id":13469749,"url":"https://github.com/oku-ui/primitives","last_synced_at":"2025-05-14T05:10:49.062Z","repository":{"id":156583580,"uuid":"632969970","full_name":"oku-ui/primitives","owner":"oku-ui","description":"Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI.","archived":false,"fork":false,"pushed_at":"2025-04-22T08:25:33.000Z","size":14210,"stargazers_count":885,"open_issues_count":8,"forks_count":36,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-22T09:34:48.337Z","etag":null,"topics":["accessibility","component-library","nuxt","oku","oku-ui","radix-ui","ui","ui-components","ui-kit","vue","vue-radix"],"latest_commit_sha":null,"homepage":"https://primitives.oku-ui.com","language":"Vue","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/oku-ui.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.config.ts","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","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,"zenodo":null},"funding":{"github":"productdevbook"}},"created_at":"2023-04-26T13:58:11.000Z","updated_at":"2025-04-22T08:25:37.000Z","dependencies_parsed_at":"2023-10-05T05:40:18.342Z","dependency_job_id":"3054feff-047f-4151-a2f8-d4ccd47d3c9d","html_url":"https://github.com/oku-ui/primitives","commit_stats":{"total_commits":937,"total_committers":22,"mean_commits":42.59090909090909,"dds":0.6125933831376734,"last_synced_commit":"5da4ddbe0bc8f548b7ed299487355a6c3590cafe"},"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oku-ui%2Fprimitives","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oku-ui%2Fprimitives/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oku-ui%2Fprimitives/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oku-ui%2Fprimitives/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oku-ui","download_url":"https://codeload.github.com/oku-ui/primitives/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254076850,"owners_count":22010611,"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":["accessibility","component-library","nuxt","oku","oku-ui","radix-ui","ui","ui-components","ui-kit","vue","vue-radix"],"created_at":"2024-07-31T15:01:54.528Z","updated_at":"2025-05-14T05:10:48.987Z","avatar_url":"https://github.com/oku-ui.png","language":"Vue","funding_links":["https://github.com/sponsors/productdevbook"],"categories":["Vue","vue"],"sub_categories":[],"readme":"\u003ca href=\"https://oku-ui.com\"\u003e\n  \u003cimg alt=\"Oku UI hero image\" src=\"https://github.com/oku-ui/primitives/blob/main/.github/assets/primitives-cover.png?raw=true\"\n\u003c/a\u003e\n\n---\n\n\u003cp\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@oku-ui/primitives\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@oku-ui/primitives.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@oku-ui/primitives\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@oku-ui/primitives.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/oku-ui/primitives/tree/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\" alt=\"License\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://primitives.oku-ui.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Oku Primitives%20Docs-18181B?logo=nuxt.js\" alt=\"Website\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://chat.oku-ui.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord\" alt=\"Discord\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# Oku Primitives\n\n**An open-source UI component library for building high-quality, accessible design systems and web apps.**\n\nOku Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system or adopt them incrementally.\n\nWebsite: [Oku Website](https://oku-ui.com)\n\n---\n\n# Contributing\n\nPlease read our [contributing guide](https://github.com/oku-ui/primitives/blob/master/CONTRIBUTING.md)\n\n# TODO\n\n## Components\n\nEnter the component you want most in the components, leave the emojis and follow.\n\n**Developers can work on unclaimed components**\n\n### Components\n### Components\n\n| Component                                                                                       | Status       | 🔗 Hook v1 | 👀 Visual Check | 📄 Test | 📝 Note                        |\n| ------------------------------------------------------------------------------------------------ | ------------ | ---------- | --------------- | ------- | ------------------------------ |\n| [Accordion](https://vue-primitives.netlify.app/?path=/story/components-accordion--single)       | ✅ Completed | ✅         | ✅              |         |                                |\n| [AlertDialog](https://vue-primitives.netlify.app/?path=/story/components-alertdialog--styled)   | ✅ Completed | ✅         |                 |         |                                |\n| [AspectRatio](https://vue-primitives.netlify.app/?path=/story/components-aspectratio--styled)   | ✅ Completed | ✅         |                 |         |                                |\n| [Avatar](https://vue-primitives.netlify.app/?path=/story/components-avatar--styled)             | ✅ Completed | ✅         |                 |         | 🔨 PR from Radix               |\n| [Checkbox](https://vue-primitives.netlify.app/?path=/story/components-checkbox--styled)         | ✅ Completed | ✅         |                 |         | 🔧 Needs input                 |\n| [Collapsible](https://vue-primitives.netlify.app/?path=/story/components-collapsible--styled)   | ✅ Completed | ✅         | ✅              |         |                                |\n| [Context Menu](https://vue-primitives.netlify.app/?path=/story/components-contextmenu--styled)  | ✅ Completed | ✅         |                 |         |                                |\n| [Dialog](https://vue-primitives.netlify.app/?path=/story/components-dialog--styled)             | ✅ Completed | ✅         |                 |         |                                |\n| [DropdownMenu](https://vue-primitives.netlify.app/?path=/story/components-dropdownmenu--styled) | ✅ Completed | ✅         |                 |         |                                |\n| Form                                                                                            | ❌ Not Started | ❌         |                 |         |                                |\n| [HoverCard](https://vue-primitives.netlify.app/?path=/story/components-hovercard--chromatic)    | ✅ Completed | ✅         |                 |         | 🔧 Needs polygon; fix close    |\n| [Label](https://vue-primitives.netlify.app/?path=/story/components-label--styled)               | ✅ Completed | ✅         |                 |     ✅    |                                |\n| [Menubar](https://vue-primitives.netlify.app/?path=/story/components-menubar--styled)           | ✅ Completed | ✅         |                 |         |                                |\n| NavigationMenu                                                                                  | 🚧 In Progress | 🚧         |                 |         |                                |\n| [Popover](https://vue-primitives.netlify.app/?path=/story/components-popover--styled)           | ✅ Completed | ✅         |                 |         |                                |\n| [Progress](https://vue-primitives.netlify.app/?path=/story/components-progress--styled)         | ✅ Completed | ✅         |                 |         | ✅                              |\n| [RadioGroup](https://vue-primitives.netlify.app/?path=/story/components-radiogroup--styled)     | ✅ Completed | ✅         |                 |         | 🔧 Needs input                 |\n| [ScrollArea](https://vue-primitives.netlify.app/?path=/story/components-scrollarea--basic)      | ✅ Completed | ✅         |                 |         |                                |\n| Select                                                                                          | 🚧 In Progress | 🚧         |                 |         |                                |\n| [Separator](https://vue-primitives.netlify.app/?path=/story/components-separator--styled)       | ✅ Completed | ✅         |                 |         |                                |\n| [Slider](https://vue-primitives.netlify.app/?path=/story/components-slider--styled)             | ✅ Completed | ✅         | ✅              |         |                                |\n| [Switch](https://vue-primitives.netlify.app/?path=/story/components-switch--styled)             | ✅ Completed | ✅         |                 |         | 🔧 Needs input                 |\n| [Tabs](https://vue-primitives.netlify.app/?path=/story/components-tabs--styled)                 | ✅ Completed | ✅         | ✅              |         |                                |\n| [Toast](https://vue-primitives.netlify.app/?path=/story/components-toast--styled)               | ✅ Completed | ✅         |                 |         |                                |\n| [ToggleGroup](https://vue-primitives.netlify.app/?path=/story/components-togglegroup--single)   | ✅ Completed | ✅         | ✅              |         |                                |\n| [Toggle](https://vue-primitives.netlify.app/?path=/story/components-toggle--styled)             | ✅ Completed | ✅         | ✅              |         |                                |\n| [Toolbar](https://vue-primitives.netlify.app/?path=/story/components-toolbar--styled)           | ✅ Completed | ✅         |                 |         | 🔧 Focus on MouseDown          |\n| [Tooltip](https://vue-primitives.netlify.app/?path=/story/components-tooltip--styled)           | ✅ Completed | ✅         |                 |         |                                |\n\n---\n\n### Utilities\n\n| Utility                                                                                              | Status       | 🔗 Hook v1 | 👀 Visual Check | 📄 Docs | 📝 Note                             |\n| ---------------------------------------------------------------------------------------------------- | ------------ | ---------- | --------------- | ------- | ----------------------------------- |\n| [Collection](https://vue-primitives.netlify.app/?path=/story/utilities-rovingfocusgroup--basic)      | 🚧 Partial | ✅         |                 |         | 🔧 Needs array items               |\n| [DismissableLayer](https://vue-primitives.netlify.app/?path=/story/utilities-dismissablelayer--basic) | 🚧 Partial | ✅         |                 |         | 🔧 Dismissable like Solid.js       |\n| [FocusScope](https://vue-primitives.netlify.app/?path=/story/utilities-focusscope--basic)             | ✅ Completed | ✅         |                 |         |                                     |\n| [Menu](https://vue-primitives.netlify.app/?path=/story/utilities-menu--styled)                        | ✅ Completed | ✅         |                 |         |                                     |\n| [Popper](https://vue-primitives.netlify.app/?path=/story/utilities-popper--styled)                    | ✅ Completed | ✅         |                 |         | 🔧 Needs Arrow                     |\n| [Portal](https://vue-primitives.netlify.app/?path=/story/utilities-portal--base)                      | ✅ Completed | ❌         |                 |         | 🔧 Dismissable like Solid.js       |\n| [Presence](https://vue-primitives.netlify.app/?path=/story/utilities-presence--basic)                 | ✅ Completed | ✅         |                 |         |                                     |\n| Primitives                                                                                           | ✅ Completed | ❌         |                 |         |                                     |\n| [RovingFocusGroup](https://vue-primitives.netlify.app/?path=/story/utilities-rovingfocusgroup--basic) | ✅ Completed | ✅         | ✅              |         |                                     |\n| Slot                                                                                                 | ✅ Completed | ❌         |                 |         | 🔧 Remove VDom                     |\n| [VisuallyHidden](https://vue-primitives.netlify.app/?path=/story/utilities-visuallyhidden--basic)     | ✅ Completed | ❌         |                 |         |                                     |\n## Community\n\n- [Discord](https://chat.oku-ui.com) - To get involved with the Oku community, ask questions and share tips.\n- [Twitter](https://twitter.com/oku_ui) - To receive updates, announcements, blog posts, and general Oku tips.\n\n## Sponsors\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://cdn.jsdelivr.net/gh/productdevbook/static/sponsors.svg\"\u003e\n    \u003cimg alt=\"sponsors\" src='https://cdn.jsdelivr.net/gh/productdevbook/static/sponsors.svg'/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n## Thanks\n\nThanks to [@radix_ui](https://github.com/radix-ui/primitives) for the inspiration and the great work they've done with [Radix Primitives](https://radix-ui.com). We proceed through the initial stages of many codes by looking at them.\n\nThanks to Johnson Chu [@johnsoncodehk](https://github.com/johnsoncodehk). Supported me with many issues that I was stuck in Typescript.\n\nThanks to Daniel Roe [@danielroe](https://github.com/danielroe). Nuxt has helped me in many areas so far.\n\nThanks to Kevin Deng [@sxzz](https://github.com/sxzz). Helped me a lot with the issues I was stuck in Vue. and [Vue Macros](https://vue-macros.sxzz.moe) is a great project.\n\n## Credits\n- [Daniel Roe](https://github.com/danielroe)\n- [Johnson Chu](https://github.com/johnsoncodehk)\n- [Skirtle](https://github.com/skirtles-code)\n- [Jacek Karczmarczyk](https://github.com/jacekkarczmarczyk)\n- [Headless UI](https://headlessui.com)\n- [Destyler](https://destyler.org)\n- [Radix Vue](https://github.com/unovue/radix-vue)\n- [Element Plus](https://github.com/element-plus/element-plus)\n\n---\n\n## License\n\nPublished under the [MIT](https://github.com/oku-ui/primitives/blob/main/LICENSE) license. [community](https://github.com/oku-ui/primitives/graphs/contributors) 💛\n\nSee [LICENSE](./LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foku-ui%2Fprimitives","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foku-ui%2Fprimitives","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foku-ui%2Fprimitives/lists"}