/primitives

Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source. A project developed by @productdevbookcom

Primary LanguageTypeScriptMIT LicenseMIT

Oku UI hero image

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 - 8/28

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 Version Downloads Website
Avatar Version Downloads Website
Checkbox Version Downloads Website
Collapsible Version Downloads Website
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 Version Downloads Website
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 Version Downloads Website
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 Version Downloads Website
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 Version Downloads Website
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 Version Downloads Website

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.