About this project

Transitions.dev provides an interactive library of over 40 crafted CSS transitions, ranging from simple card resizes and text swaps to complex spring-based animations and notification badges. Each transition is designed to be portable, using semantic CSS custom properties and namespaced classes that can be dropped into any project without conflicting with existing styles. Key features include: - CSS Library: A curated collection of interaction patterns with copy-ready snippets. - CLI Integration: Use `npx transitions-dev add` to pull specific transitions directly into your codebase. - AI Agent Skill: Installable as an agent skill, allowing AI coding assistants like Cursor or Claude Code to apply these transitions directly to your components. - Refine Tool: A companion CLI that injects a live timeline and control panel into your running application, enabling you to tune motion parameters or replace existing CSS transitions with library-standard tokens via AI-assisted suggestions. - Developer-Friendly: Includes a build system that ensures the library, CLI, and AI skills remain in sync with the showcase site.