What sets oks-ui apart

Each one backed by real numbers, real compiler output or a live demo.

01
React component library with zero dependencies
oks-ui adds one package to your project: no runtime dependencies beyond React, with the real gzip size of each component measured.
02
Theme React components with CSS variables
Re-theme every component from your own stylesheet with --oks-* CSS custom properties. No provider, no config object, no runtime styling code.
03
Accessible React components
Keyboard support, visible focus, ARIA state, focus trapping in overlays and reduced-motion handling in the interactive components, plus the few things that stay your job.
04
React charts without a charting library
Seven chart types drawn as interactive SVG by oks-ui itself, with the real gzip size measured and a live demo of each.
05
Strict TypeScript React components
Written in strict TypeScript, with typed props that turn a wrong variant or a misspelled chart key into a compile error. Real compiler messages shown.
06
React components for Next.js and Server Components
How oks-ui works in the Next.js App Router, tested in a real Next 16 app: where the client boundary goes, the exact error if you miss it, and the CSS options with measured sizes.
07
Build React interfaces with ChatGPT and Claude
The whole oks-ui API published as plain text, so an AI assistant can read it in one request and write correct code.