A skill que ensina a tua IA a animar o app
O Transitions.dev tem 43 transições de interface, 32 delas de graça, e uma skill que ensina o Claude Code, o Cursor e o Codex a aplicar cada uma no lugar certo. O que tem no catálogo, o que os comandos da skill fazem e onde começa o Pro.
Você pede um modal, um menu ou uma notificação pra IA e ela entrega funcionando. Só que ele aparece seco, do nada, e some do nada. É um detalhe pequeno, e é exatamente o que separa o app que parece feito às pressas do app que parece caro.
O Transitions.dev é uma biblioteca com as transições de interface que todo app web precisa, pra copiar e colar ou pra deixar o seu agente de código aplicar pela skill. Quem criou foi o Jakub Antalik.
O que tem no catálogo
Na home, cada cartão tem o botão Animar, e você vê a transição rodando ali mesmo. Contando pelos filtros da página, são 43 transições: 32 abertas e 11 com a marca Pro. Os filtros separam o catálogo em Essenciais (20), Agentes de IA (9), Efeitos (13) e Textos (5).
- Menu: abre e fecha a partir de onde a pessoa clicou
- Modal e painel: entram com escala e saem sem travar
- Notificação: o selinho que desliza e salta
- Número: o dígito que vira com desfoque, bom pra preço e contador
- Check de sucesso, erro que treme e troca de texto: o retorno que a pessoa precisa depois de clicar
- Agentes de IA: estados de "pensando", raciocínio rolando e texto chegando palavra por palavra
Nas transições abertas, o botão de copiar entrega o CSS na hora. Cada uma também tem uma página própria com a prévia, o CSS, a versão em React e o botão de copiar o pedido pro agente. Nas marcadas Pro, o botão leva pra página de assinatura.
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.