Oku Primitives

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

Contributing

Please read our contributing guide

TODO

Components

Enter the component you want most in the components, leave the emojis and follow.

Developers can work on unclaimed components

Components

Components

| Component | Status | 🔗 Hook v1 | 👀 Visual Check | 📄 Docs | 📝 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 | ✅ | | | |

Utilities

| 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 | ❌ | | | |

Community

• Discord - To get involved with the Oku community, ask questions and share tips.
• Twitter - To receive updates, announcements, blog posts, and general Oku tips.

Sponsors

Thanks

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.

Credits

• Daniel Roe
• Johnson Chu
• Skirtle
• Jacek Karczmarczyk
• Headless UI
• Destyler
• Radix Vue
• Element Plus

License

Licensed under the MIT License, Copyright © 2023-present productdevbook.

See LICENSE for more information.