Pick a component, toggle its variants, and watch it react on Onyx's own canvas. Copy the JSX and it drops straight into your app.
npx synthesisui@latest init --styles tailwind --ds onyxComponents · 11
ds-kbd has one look - no variants to toggle.
Label
excellent
Deterministic quality - contrast, tokens, spacing, type, states, density.
Copy into your app
<span className="ds-kbd">⌘K</span>The .ds-kbd class ships with npx synthesisui@latest init --styles tailwind --ds onyx - the variants above are plain data attributes.