130 componentes animados no shadcn. E o tema você personaliza.
Theme Studio: paleta, fonte, raio, claro e escuro. Scroll Reveal, OTP, hero e o template de chat no estilo ChatGPT.
Tem uma biblioteca de componente animado que cai no shadcn. Um comando. O movimento já vem dentro da peça. E tem um studio de tema em que você mexe paleta, fonte, raio, claro e escuro, e o board inteiro muda junto.
Foi isso que eu fiquei mexendo. Personalização. E as animações.
O site é o smoothui.dev. Peça animada no padrão que a IA já conhece. Licença MIT. O selo na home, hoje: 956.
O catálogo
Abre smoothui.dev/docs/components. Você não instala a biblioteca inteira. Entra na ficha. Pega um. Manda a IA ler a documentação.
A personalização. O Theme Studio.
Essa página é o smoothui.dev/themes. Esquerda: Theme Studio. Direita: um board com os componentes ao vivo.
O que você mexe, na ordem da tela:
- Theme. Seis paletas: Candy, Indigo, Blue, Red, Orange, Green.
- Mode. Light e Dark.
- Font. Sans, Serif, Mono. Vai pro CSS exportado (
--font-sans). - Tint. Neutral, Warm, Cool. É o cinza da interface, não a cor de destaque.
- Radius. Um controle contínuo, de 0 a 24px. No print de hoje estava em 10.
- Accent. Clareia ou escurece o destaque. No print estava em 0.
A documentação de temas está em smoothui.dev/docs/guides/themes. O comando do Candy, copiado de lá:
Falta o resto desta edição
Inscrição única, uma vez só. Libera esta e todas as outras edições, e você recebe as próximas no e-mail assim que entrarem no ar.