transitions.dev Project
Transitions.dev is an interactive collection of reusable CSS transitions.
Its transitions are free for personal and commercial use, but the license forbids redistributing the library itself.
Source on GitHubSort and filter them in the skills list
6,170 stars on GitHub, Nov 9, 2026 · 2 skills · 1 bundle
Its bundle
-
Transitions.dev
Bundle of 2 skills- Use it when:
- You want polished motion in web UI: new transitions, or existing ones brought onto one consistent scale.
- It does:
- transitions-dev picks and installs whole transitions; transitions-polish retunes the durations, easings, distances, scales and blurs you already have.
- Age
- 5 months
- Stars
- 6.2K
- bottom 50%
- Total Downloads
- 24.4K
- top 26%
- Weekly Downloads
- 1.7K
- top 22%
Its skills, most installed first
-
transitions-dev
Part of Transitions.dev- Use it when:
- You're adding motion to web UI, such as a dropdown, modal, toast, tooltip, tabs, skeleton loader or AI thinking state.
- It does:
- Matches the element to one of its transitions by decision rules, pastes that snippet's CSS verbatim and wires its classes, state attributes and any small JavaScript.
- Age
- 5 months
- Stars
- 6.2K
- bottom 50%
- Total Downloads
- 24.4K
- top 26%
- Weekly Downloads
- 1.7K
- top 22%
-
transitions-polish
Part of Transitions.dev- Use it when:
- Your animations work but feel slow, janky or inconsistent, and you want their values on one scale.
- It does:
- Scans stylesheets, inline styles, CSS-in-JS and Tailwind for motion values, infers what each motion does and suggests the token whose usage matches.
- Age
- 3 months
- Stars
- 6.2K
- bottom 50%
- Total Downloads
- 13K
- top 39%
- Weekly Downloads
- 997
- top 29%