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.