oku-primitives
@oku-ui/primitives

Unlock seamless, high-performance Vue apps with accessible, customizable components designed for modern, intuitive web experiences. Empower your Vue apps.
Oku UI hero image

Version Downloads License Website Discord

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

ComponentStatus🔗 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

UtilityStatus🔗 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

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


License

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

See LICENSE for more information.