Visão geral
Dois caminhos para entrar no Gremorie: o de desenvolvedor, do install ao primeiro componente, e o de designer, dos tokens ao mapeamento no Figma.
Configuração
Installation
Your first component
Project setup
Designers
Contexto
Philosophy
Contributing
O Gremorie é o design system AI-native para React e Angular: 83 componentes em duas edições com um contrato compartilhado, um sistema de tokens em três camadas e seis temas de marca, tudo documentado num lugar só.
Existem dois caminhos de entrada. Escolha o seu.
Escolha o seu caminho
Para desenvolvedores
Instale via registry ou npm, conecte o CSS de tema e monte uma superfície de chat funcional com três primitivos em cinco minutos.
Para designers
O vocabulário de componentes e as árvores de anatomia, como estilos do Figma mapeiam para as camadas de token, e o workbench para inspecionar as duas edições.
O caminho do desenvolvedor, passo a passo
- Installation: escolha registry (você é dono do código) ou npm (pacote versionado) e adicione o Gremorie a um projeto React ou Angular.
- Your first component: conecte
PromptInput,ConversationeMessagenuma superfície de chat funcional. - Project setup: config do Tailwind v4, a cascata de tema, path aliases e dark mode.
A partir daí, navegue o catálogo de componentes ou vá direto para os tokens que o tematizam.
Contexto
- Philosophy: as decisões inegociáveis contra as quais cada componente é avaliado, como tokens acima de valores e composição acima de configuração.
- Contributing: como adicionar componentes, patterns e docs.