Zero runtime dependencies. CSS-variable tokens. Accessible by default. Build faster with components that don't get in your way.
Why oks-ui
Every design decision is deliberate. No magic, no hidden costs.
No runtime deps beyond React. Smaller bundles, fewer version conflicts, complete control.
Every color, space, radius, and shadow is a --oks-* custom property. Theme without hacks.
noUncheckedIndexedAccess, exactOptionalPropertyTypes — the full strict suite. Ship with confidence.
Keyboard navigation, focus-visible, ARIA roles, and reduced-motion support built into every component.
Buttons, modals, drawers, forms, charts, toasts, tooltips, and more. Growing with every release.
Opt-in .oks-* utility classes for rapid prototyping alongside components. Use what you need.
Install, import, use. No provider wrappers, no configuration.
Install
npm install oks-uior 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.
Live previews of real oks-ui components. Click any card to explore.
Variants, colors, sizes, loading states, and icon slots.
Contextual feedback with icon, title, description, and dismiss.
Notification badges, status dots, and compact tags.
Loading spinners and visual separators.
Group related actions with automatic border merging.
View All Components
18+ components and growing
Install oks-ui, import what you need, and ship with confidence. Zero config, zero friction.