An open-source UI component library for building high-quality, accessible design systems and web apps.
Oku 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.
Website: Oku Website
Please read our contributing guide
Enter the component you want most in the components, leave the emojis and follow.
Developers can work on unclaimed components
| Component | Status | 🔗 Hook v1 | 👀 Visual Check | 📄 Test | 📝 Note |
|---|---|---|---|---|---|
| Accordion | ✅ Completed | ✅ | ✅ | ||
| AlertDialog | ✅ Completed | ✅ | |||
| AspectRatio | ✅ Completed | ✅ | |||
| Avatar | ✅ Completed | ✅ | 🔨 PR from Radix | ||
| Checkbox | ✅ Completed | ✅ | 🔧 Needs input | ||
| Collapsible | ✅ Completed | ✅ | ✅ | ||
| Context Menu | ✅ Completed | ✅ | |||
| Dialog | ✅ Completed | ✅ | |||
| DropdownMenu | ✅ Completed | ✅ | |||
| Form | ❌ Not Started | ❌ | |||
| HoverCard | ✅ Completed | ✅ | 🔧 Needs polygon; fix close | ||
| Label | ✅ Completed | ✅ | ✅ | ||
| Menubar | ✅ Completed | ✅ | |||
| NavigationMenu | 🚧 In Progress | 🚧 | |||
| Popover | ✅ Completed | ✅ | |||
| Progress | ✅ Completed | ✅ | ✅ | ||
| RadioGroup | ✅ Completed | ✅ | 🔧 Needs input | ||
| ScrollArea | ✅ Completed | ✅ | |||
| Select | 🚧 In Progress | 🚧 | |||
| Separator | ✅ Completed | ✅ | |||
| Slider | ✅ Completed | ✅ | ✅ | ||
| Switch | ✅ Completed | ✅ | 🔧 Needs input | ||
| Tabs | ✅ Completed | ✅ | ✅ | ||
| Toast | ✅ Completed | ✅ | |||
| ToggleGroup | ✅ Completed | ✅ | ✅ | ||
| Toggle | ✅ Completed | ✅ | ✅ | ||
| Toolbar | ✅ Completed | ✅ | 🔧 Focus on MouseDown | ||
| Tooltip | ✅ Completed | ✅ |
| Utility | Status | 🔗 Hook v1 | 👀 Visual Check | 📄 Docs | 📝 Note |
|---|---|---|---|---|---|
| Collection | 🚧 Partial | ✅ | 🔧 Needs array items | ||
| DismissableLayer | 🚧 Partial | ✅ | 🔧 Dismissable like Solid.js | ||
| FocusScope | ✅ Completed | ✅ | |||
| Menu | ✅ Completed | ✅ | |||
| Popper | ✅ Completed | ✅ | 🔧 Needs Arrow | ||
| Portal | ✅ Completed | ❌ | 🔧 Dismissable like Solid.js | ||
| Presence | ✅ Completed | ✅ | |||
| Primitives | ✅ Completed | ❌ | |||
| RovingFocusGroup | ✅ Completed | ✅ | ✅ | ||
| Slot | ✅ Completed | ❌ | 🔧 Remove VDom | ||
| VisuallyHidden | ✅ Completed | ❌ |
- Discord - To get involved with the Oku community, ask questions and share tips.
- Twitter - To receive updates, announcements, blog posts, and general Oku tips.
Thanks to @radix_ui for the inspiration and the great work they've done with Radix Primitives. We proceed through the initial stages of many codes by looking at them.
Thanks to Johnson Chu @johnsoncodehk. Supported me with many issues that I was stuck in Typescript.
Thanks to Daniel Roe @danielroe. Nuxt has helped me in many areas so far.
Thanks to Kevin Deng @sxzz. Helped me a lot with the issues I was stuck in Vue. and Vue Macros is a great project.
Published under the MIT license. community 💛
See LICENSE for more information.