Motion & animationMotion & animação
Transitions.devTransitions.dev
A library of CSS UI transitions with a skill for agentsBiblioteca de transições de UI em CSS com skill para agentes
What it isO que é
An interactive collection of reusable CSS transitions, with a CLI and a skill installable in Cursor, Claude Code and Codex.
Coleção interativa de transições CSS reutilizáveis, com CLI e skill instalável em Cursor, Claude Code e Codex.
What it’s forPara que serve
Use it to copy ready-made interface transitions, such as modal and card, or to give an agent a motion reference.
Usar para copiar transições de interface prontas, como modal e card, ou dar a um agente referência de movimento.
BenefitsVantagens
- 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
- Cada transição vira um trecho de CSS autocontido, com proteção para movimento reduzido
- CLI npx transitions-dev e ferramenta Refine para alinhar transições aos tokens de movimento
- Playground para ajustar duração, distância e easing
CaveatsRessalvas
- 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
- Algumas transições são Pro; a página não lista preços
- Uso comercial permitido, mas a biblioteca não pode ser redistribuída como kit concorrente; as ferramentas são MIT
- A página é inconsistente: fala em 43+ transições e lista 12
