Transitions.dev
35 essential web-app transitions, packaged as an agent skill
Transitions.dev is Jakub Antalik's catalogue of the transitions real product UI actually needs — card resize, modal open/close, tab slide, toast, success check, skeleton reveal, shimmer, error shake, drag-and-drop with physics and about 25 more — each shipped as portable CSS namespaced under t-* selectors with semantic custom properties, plus React versions. The differentiator is distribution: it installs as an agent skill (`npx skills add Jakubantalik/transitions.dev`) that gives Claude Code, Cursor, Codex, Copilot and Gemini CLI the commands `transitions reveal / review / apply / refine / polish`, so an agent can audit a codebase's hand-rolled animations and replace them with motion tokens. The free site demonstrates the core set; Pro unlocks the full production library, the Refine live-tuning tool and a commercial licence.
npx skills add Jakubantalik/transitions.devInstall this as a skill rather than copying snippets — the value is `transitions review`, which walks an existing codebase, finds hand-rolled keyframes and hardcoded durations, and proposes named motion tokens instead; that is the pass to run after you scaffold UI with shadcn or beUI. It is CSS-first and framework-agnostic, so it layers cleanly on top of any component library without pulling in Motion/Framer, and it will not conflict with a library that already animates. Two cautions: the GitHub repo publishes no licence file and the full library plus commercial rights sit behind Pro, so check entitlement before shipping to a client, and do not stack its transitions on components that already have their own — you get double-easing.
Why it is here. It reframes motion as a reviewable, tokenised layer an agent can audit, which is a far better fit for AI-built UI than a gallery of copy-paste keyframes.
- ships as an agent skill, not a package
- transitions review audits existing animations
- portable t-* CSS with motion tokens
- Refine live-tuning tool
- no licence file on the repo
Verified 2026-08-15. HTTP 200. https://transitions.dev/, https://transitions.dev/pro, https://transitions.dev/skill, gh repo view Jakubantalik/transitions.dev, web search for repo/licence
