![Oku UI hero image](https://github.com/oku-ui/primitives/raw/main/.github/assets/oku-ui.png?raw=true&raw=true)
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.