# Transitions.dev

> A library of CSS UI transitions with a skill for agents

- Category: Motion & animation (`motion`)
- Tags: `open-source`, `claude-code`
- Official: https://github.com/Jakubantalik/transitions.dev
- Wunderlust: https://wunderlust.xyz/r/transitions-dev
- Image: https://wunderlust.xyz/media/transitions-dev-poster.jpg
- Video preview: https://wunderlust.xyz/media/transitions-dev.webm
- Added: 2026-11-05

## What it is

An interactive collection of reusable CSS transitions, with a CLI and a skill installable in Cursor, Claude Code and Codex.

## What it’s for

Use it to copy ready-made interface transitions, such as modal and card, or to give an agent a motion reference.

## Benefits

- Each transition becomes a self-contained CSS snippet, with reduced-motion protection
- The npx transitions-dev CLI and a Refine tool to align transitions with motion tokens
- A playground to adjust duration, distance and easing

## Caveats

- Some transitions are Pro; the page doesn't list prices
- Commercial use is allowed, but the library can't be redistributed as a competing kit; the tools are MIT
- The page is inconsistent: it mentions 43+ transitions and lists 12

## Similar on Wunderlust

- [Codex Plugin for Claude Code](https://wunderlust.xyz/r/codex-plugin-cc.md): Plugin that brings Codex into Claude Code
- [WebGL Animation Skills](https://wunderlust.xyz/r/webgl-animation-skills.md): Agent skills for Three.js scenes, GLSL shaders and particle systems
- [HyperFrames](https://wunderlust.xyz/r/hyperframes.md): HeyGen's open source framework that renders HTML and CSS into MP4 video
- [Agent Skills (Addy Osmani)](https://wunderlust.xyz/r/agent-skills-addy-osmani.md): A repository of 25 engineering skills for coding agents
- [GSAP Skills](https://wunderlust.xyz/r/gsap-skills.md): GSAP's official skills for agents to generate correct animation code
- [unslop](https://wunderlust.xyz/r/unslop.md): Skill that detects “AI-generated” UI and redesigns it in passes