Escolha seu caminho
Uma página para cada intenção
Em vez de rolar um documento enorme, você entra direto no tipo de exploração que precisa fazer: descobrir componentes, estudar padrões, navegar por famílias ou montar telas reais.
Catálogo pesquisável
Componentes
Busca, filtros por nível, tag, tipo de uso e contexto, além de fichas com preview, código e boas práticas.
Visão estrutural
Categorias
Veja a biblioteca por famílias como layout, navegação, formulários, feedback, mídia, utilitários e componentes avançados.
Orientação prática
Como usar
Uma leitura curta para entender a sequência ideal: localizar, decidir, comparar e adaptar componentes para o seu projeto.
Novo curso
Regras e Funcionamento
Antes de qualquer tela, todo sistema tem regras: quando algo pode acontecer, em que situação um item está, quem aprova, o que pode ser cancelado, o que é exceção e onde estão os limites. Um curso independente do catálogo de componentes, focado só nesse vocabulário.
Etapa 01 · Estado e decisão
Cada conceito vem com um exemplo de pedido confuso lado a lado com o pedido claro equivalente — e o termo técnico certo pra usar na frente de dev, designer ou IA.
Novo curso
Dados e Informações
Todo sistema guarda, relaciona e eventualmente apaga informações: cadastro, relacionamento entre dados, histórico, exclusão de verdade vs. só esconder, backup e privacidade. Um curso independente do catálogo de componentes, focado só nesse vocabulário.
Aula 04 · Apagar não é sempre apagar
Excluir de vez e só marcar como excluído não são a mesma coisa — e essa diferença muda tudo sobre o que ainda dá pra recuperar depois. O curso tem um formato de comparação lado a lado só pra esses pares de conceitos.
Entrada rápida
Componentes mais usados
Se você quer começar sem pensar demais, estes são os blocos que aparecem com mais frequência em produtos digitais e servem como primeira camada de repertório.
Atalhos úteis
Entre pelo objetivo
Quem já sabe o que procura vai direto ao catálogo. Quem está estudando começa pela trilha. Quem precisa montar interface real entra pelas telas ou combinações.
Use Componentes
Busca + filtros + modal técnico
Use Aprender
Sequência guiada por etapa
Use Combinações
Blocos compostos recorrentes
Use Telas
Fluxos completos com contexto