← Cinnabar

Playground

Escolha um componente, troque as variantes e veja ele reagir na tela do próprio Cinnabar. Copie o JSX e ele entra direto no seu app.

98
nota do sistema
npx synthesisui@latest init --styles tailwind --ds cinnabar

Componentes · 8

ds-button

intent

Label

98

excellent

Qualidade medida, sem IA - contraste, tokens, espaçamento, tipo, estados, densidade.

Proportion & Typen/a
Token Discipline100
Accessibility & States97

Copie para o seu app

<button className="ds-button" data-intent="primary">…</button>

.ds-button vem com npx synthesisui@latest init --styles tailwind --ds cinnabar - as variantes acima são atributos data comuns.