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

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

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.