oks-ui

Guides

Overview

oks-ui is a strict TypeScript React component library with a CSS-variable design system and prefixed utilities. Zero runtime dependencies, accessible by default.

Zero runtime dependencies

Nothing beyond React and your bundler — the CSS compiles to standalone files.

CSS-variable tokens

Every color, space, radius, and shadow is an --oks-* custom property. Override anything from your app CSS.

Strict TypeScript

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

Prefixed utilities

An opt-in .oks-* utility class system for rapid prototyping without leaving your component files.

Accessible by default

Keyboard navigation, visible focus, proper ARIA roles, and reduced-motion support built in — not bolted on.

Polymorphic where it matters

Components like Button support an `as` prop — render as any element or component (e.g. next/link).

Next steps

  • Installation — install the package and import its styles.
  • Theming — override tokens, add semantic roles, use the prefixed utilities.
  • Components — browse live, verified components.