Giter Club home page Giter Club logo

primitives's Introduction

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.

primitives's People

Contributors

0fatihyildiz avatar akintoluvic avatar autofix-ci[bot] avatar charleewa avatar cr0zy07 avatar dammy001 avatar didier-ds avatar ejirocodes avatar faithfulojebiyi avatar github-actions[bot] avatar hydenliu avatar mustafa60x avatar productdevbook avatar renovate[bot] avatar sadeghbarati avatar wramzo avatar yesux avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.