transitions.dev
Production-ready CSS transitions and motion polish for web apps
All Skills in This Repository (2)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install transitions.dev?â–¼
Run `npx skills add Jakubantalik/transitions.dev --all -g -y` in your terminal to install the full transition skill suite globally.
What transitions are included?â–¼
Thirty-two portable CSS snippets covering modals, dropdowns, notification badges, skeleton loaders, toasts, like buttons, error shakes, and more, each with a reduced-motion accessibility guard.
Can AI agents apply these transitions automatically?â–¼
Yes. The skill lets agents in Cursor, Claude Code, and Codex pick the right transition from your UI context and install the CSS and hooks directly into your project.
How do I fix inconsistent animation timing?â–¼
Run the transitions review or polish commands to scan your project for hardcoded durations and easings, then align them to the shared motion-token scale.
Do I need a JavaScript framework to use it?â–¼
No. Every snippet is framework-free CSS with semantic variables, so you can paste it into any project regardless of your stack.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video