Primitives

Theme by Oku ui

|

Updated: 22 Apr 2025

|

889 Stars

Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI.

Categories

Overview

Oku Primitives is an open-source UI component library designed for building high-quality and accessible design systems and web apps. With a focus on accessibility, customization, and developer experience, Oku Primitives offers a wide range of components that can be used as the base layer of a design system or adopted incrementally.

Features

• Low-level UI components: Oku Primitives provides a collection of low-level UI components that can be used to build complex interfaces.
• Accessibility: The library prioritizes accessibility, ensuring that people with disabilities can easily navigate and interact with the components.
• Customization: Oku Primitives allows developers to customize the components to match their design needs.
• Developer experience: The library aims to provide a smooth and enjoyable development experience for developers.

Installation

To install Oku Primitives and start using the components in your project, follow these steps:

1. Install the package using npm or yarn:

npm install oku-primitives

or

yarn add oku-primitives

2. Import the necessary component(s) into your code:

import { Accordion, Dialog, Button } from 'oku-primitives';

3. Start using the components in your project:

<Accordion>
  <Accordion.Item>
    <Accordion.Header>Section 1</Accordion.Header>
    <Accordion.Content>Content 1</Accordion.Content>
  </Accordion.Item>
  <Accordion.Item>
    <Accordion.Header>Section 2</Accordion.Header>
    <Accordion.Content>Content 2</Accordion.Content>
  </Accordion.Item>
</Accordion>

Summary

Oku Primitives is a versatile and customizable UI component library that prioritizes accessibility and developer experience. With its wide range of low-level components, developers can easily build high-quality design systems and web apps. The library is easy to install and offers flexibility for customization to suit various design needs.