oks-ui

Strict TypeScript React components

Build faster with components that don't get in your way

Zero runtime dependencies. CSS-variable tokens for every color, radius, and shadow. Accessible by default — keyboard, focus, and ARIA built in, not bolted on.

Why oks-ui

Built for the strict developer

Every design decision is deliberate. No magic, no hidden costs.

Zero Dependencies

No runtime deps beyond React. Smaller bundles, fewer version conflicts, complete control.

CSS Variable Tokens

Every color, space, radius, and shadow is an --oks-* custom property. Theme without hacks.

Strict TypeScript

noUncheckedIndexedAccess, exactOptionalPropertyTypes — the full strict suite, enforced on every component.

Accessible by Default

Keyboard navigation, focus-visible, ARIA roles, and reduced-motion support built into every component.

55+ Components

Buttons, modals, drawers, forms, charts, toasts, tooltips, and more. Growing with every release.

Prefixed Utilities

Opt-in .oks-* utility classes for rapid prototyping alongside components. Use what you need.

Get started in 10 seconds

Install, import, use. No provider wrappers, no configuration.

Install

npm install oks-ui

or pnpm add oks-ui / yarn add oks-ui

Import styles

import "oks-ui/styles.css";

Add to your app entry or root layout.

Use components

import { Button } from "oks-ui";

<Button color="primary">
  Get Started
</Button>

That's it. No provider, no setup.

Try it live

Every real prop, right here

Playground

Props

17 props across 5 groups

Visual style, semantic color, sizing, and elevation.

Start building today

Install oks-ui, import what you need, and ship with confidence. Zero config, zero friction.