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 | Description | Status | Docs |
|---|---|---|---|
| Accordion | A group of collapsible panels | 🚧 In Progress | - |
| Alert Dialog | A modal dialog that interrupts the user's workflow to get a response | Not Started | - |
| Aspect Ratio |  |
 |
 |
| Avatar |  |
 |
|
| Checkbox |  |
 |
|
| Collapsible |  |
 |
|
| Context Menu | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| Dialog | A modal dialog that interrupts the user's workflow to get a response | Not Started | - |
| Dropdown Menu | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| Form | A group of form controls | Not Started | - |
| Hover Card | A card that appears when a user hovers over an element | Not Started | - |
| Label |  |
 |
|
| Menubar | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| Navigation Menu | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| Popover | A card that appears when a user hovers over an element | Not Started | - |
| Progress |  |
 |
|
| Radio Group | A group of radio buttons | 🚧 In Progress | - |
| Scroll Area | A scrollable area | Not Started | - |
| Select | A control that allows users to select one or more items from a list of options | 🚧 In Progress | - |
| Separator |  |
 |
|
| Slider | A control that allows users to input numeric values in a given range | 🚧 In Progress | - |
| Switch | A control that allows users to switch between two mutually exclusive options | 🚧 In Progress | - |
| Tabs | A group of tabs | 🚧 In Progress | - |
| Toast | A non-modal dialog that appears and disappears from the screen | - | |
| Toggle |  |
 |
|
| Toggle Group | A group of toggle buttons | 🚧 In Progress | - |
| Toolbar | A group of toolbar buttons | 🚧 In Progress | - |
| Tooltip | A card that appears when a user hovers over an element | Not Started | - |
| Primitives |  |
 |
|
- 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.
Licensed under the MIT License, Copyright © 2023-present productdevbook.
See LICENSE for more information.