Sobre o projeto

Transitions.dev oferece uma biblioteca interativa com mais de 40 transições CSS elaboradas, que vão desde simples redimensionamentos de cartões e trocas de texto até animações complexas baseadas em molas e emblemas de notificação. Cada transição é projetada para ser portátil, usando propriedades customizadas semânticas de CSS e classes com namespace que podem ser inseridas em qualquer projeto sem conflitar com estilos existentes. Os principais recursos incluem: - Biblioteca CSS: Uma coleção curada de padrões de interação com snippets prontos para copiar. - Integração CLI: Use `npx transitions-dev add` para extrair transições específicas diretamente para sua base de código. - Skill de Agente de IA: Instalável como uma skill de agente, permitindo que assistentes de codificação por IA como Cursor ou Claude Code apliquem essas transições diretamente em seus componentes. - Ferramenta Refine: Uma CLI complementar que injeta uma timeline ao vivo e um painel de controle em sua aplicação em execução, permitindo ajustar parâmetros de movimento ou substituir transições CSS existentes por tokens padrão da biblioteca por meio de sugestões assistidas por IA. - Amigável para Desenvolvedores: Inclui um sistema de build que garante que a biblioteca, a CLI e as skills de IA permaneçam sincronizadas com o site de demonstração.