Sobre el proyecto

Transitions.dev ofrece una biblioteca interactiva de más de 40 transiciones CSS elaboradas, que abarcan desde simples redimensionamientos de tarjetas e intercambios de texto hasta complejas animaciones basadas en resortes y badges de notificación. Cada transición está diseñada para ser portátil, utilizando propiedades personalizadas CSS semánticas y clases con espacio de nombres que se pueden incorporar en cualquier proyecto sin entrar en conflicto con los estilos existentes. Las características clave incluyen: - Biblioteca CSS: Una colección curada de patrones de interacción con fragmentos listos para copiar. - Integración CLI: Use `npx transitions-dev add` para incorporar transiciones específicas directamente en su base de código. - Skill de agente de IA: Instalable como una skill de agente, lo que permite a asistentes de codificación con IA como Cursor o Claude Code aplicar estas transiciones directamente a sus componentes. - Herramienta Refine: Una CLI complementaria que inyecta una línea de tiempo en vivo y un panel de control en su aplicación en ejecución, lo que le permite ajustar parámetros de movimiento o reemplazar transiciones CSS existentes con tokens estándar de la biblioteca mediante sugerencias asistidas por IA. - Amigable para desarrolladores: Incluye un sistema de compilación que garantiza que la biblioteca, la CLI y las skills de IA se mantengan sincronizadas con el sitio de exhibición.