Fixing Motion Performance
Find layout thrashing, costly animated properties, and scroll-linked bottlenecks.
Transitions.dev
Add reusable CSS transitions and align UI motion to a shared token scale.
The editorial verdict
Where it earns its place.
A practical recipe library for adding consistent motion to existing components. It combines framework-independent CSS, shared motion tokens, and reduced-motion guidance, with commands to review existing motion and suggest matching recipes. Treat it as a focused motion companion to your main design skill, and check the resulting interactions in the browser. The free skill covers the core recipes; the Pro library and paid agent features are separate products.
Reach for it when
- Adding motion to dropdowns, modals, tabs, and other everyday UI components
- Replacing ad-hoc timing and easing with a shared motion vocabulary
Think twice if
- You need a primary skill for layout, typography, and overall visual direction
- You expect Pro recipes or paid Motion Agent features in the free skill
Before you install
Compatibility & contents.
- Claude Code
- native
- Cursor
- native
- Codex
- native
- Gemini CLI
- native
- GitHub Copilot
- native
- License
- Transitions.dev License (custom)
- Bundled scripts
- None found
- Hooks
- None found
Native: documented support. Partial: setup or adaptation may be needed. Not verified: the source has not established this fact. “None found” describes the inspected skill, not a security audit. Read the methodology.
Source context
The repository, in numbers.
Source: GitHub / Jakubantalik/transitions.dev. Repository totals may be shared by several skills. Snapshot fetched ; these are not live counts. Check the snapshot date for freshness. Popularity is not a measure of design quality.
Watch the overlap.
No conflicts are recorded. This does not establish that every combination has been tested.