transitions.dev

Transitions.dev propose une bibliothèque interactive de plus de 40 transitions CSS élaborées, allant de simples redimensionnements de cartes et échanges de texte à des animations complexes à base de ressorts et des badges de notification. Chaque transition est conçue pour être portable, en utilisant des propriétés personnalisées CSS sémantiques et des classes avec espace de noms pouvant être intégrées dans n'importe quel projet sans entrer en conflit avec les styles existants. Les fonctionnalités clés incluent : - Bibliothèque CSS : une collection organisée de modèles d'interaction avec des extraits prêts à copier. - Intégration CLI : utilisez `npx transitions-dev add` pour importer des transitions spécifiques directement dans votre base de code. - Compétence d'agent IA : installable en tant que compétence d'agent, permettant à des assistants de codage IA comme Cursor ou Claude Code d'appliquer ces transitions directement à vos composants. - Outil Refine : une CLI complémentaire qui injecte une chronologie en direct et un panneau de contrôle dans votre application en cours d'exécution, vous permettant de régler les paramètres d'animation ou de remplacer les transitions CSS existantes par des jetons standard de la bibliothèque via des suggestions assistées par IA. - Adapté aux développeurs : inclut un système de build qui garantit que la bibliothèque, la CLI et les compétences IA restent synchronisées avec le site de démonstration.