THE LIBRARY

220 components.
Zero drift.

The full @oi/ui library — synced to Claude Design as the published design system “OIUI”. Real upstream code, 3,491 tokens verbatim, usage notes written for AI. What ships is what the catalog says, because the catalog is the source.

0components
0groups
0templates
0viz molecules

The catalog

Search as you type, or cut by group. Every name below is a real export — the same identifiers Claude Code reaches for when a designer asks for a screen.

showing 0 / 0

Living in three places

SOURCE

The repo

packages/oi-ui — the monorepo package, migrating atom-by-atom from the legacy DS in src/shared/ui. Every component ships its 8-file contract.

VISUAL TRUTH

Storybook

Every component renders live with a TokenMapping story — the visual proof that what the tokens say is what the pixels do.

AI SURFACE

Claude Design

Published as design system “OIUI” — real upstream code, 3,491 tokens verbatim, usage notes for AI. /design-sync keeps it current.