# Jakubantalik/transitions.dev

Collection of the most essential transitions for web apps, skill for agents and Refine tool for agents

Repository: https://github.com/Jakubantalik/transitions.dev
Canonical: https://ross.abutalabs.com/products/transitionsdev
Homepage: https://transitions.dev/
Language: HTML
License Family: other
Topics: design, motion, product, ui-design, ux, ux-design, skill, motionskill
Last push: 2026-08-26T08:00:27+00:00

## Health v2 (maintenance only)
Score: 59/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 35, longevity 9
- inputs: {"age_days": 134, "days_push": 7, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, young, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3248, forks 138 (observed 2026-08-28T04:07:50.136840+00:00)

## What it is
Transitions.dev is an interactive collection of reusable, copy-ready CSS transition snippets for common web UI interaction patterns (modals, dropdowns, badges, page transitions, etc.), distributed via a showcase site, an npm CLI, and an installable agent skill. The skill lets AI coding tools like Cursor, Claude Code, and Codex apply and audit these transitions directly inside a project.

## Use cases
- add smooth css transitions to my web app
- animate modal open and close with css
- find ui micro-interaction snippets to copy paste
- teach my coding agent about product motion design
- audit my project for hardcoded animation durations
- add a skeleton loader reveal animation
- respect prefers-reduced-motion in transitions

## When to choose
- you want polished, production-ready CSS transitions without pulling in a heavy animation framework
- you use AI coding agents and want them to apply consistent motion design
- you need portable snippets with reduced-motion guards built in

## When to avoid
- you need JavaScript-driven or physics-based animation libraries like Framer Motion or GSAP
- you want framework components rather than raw CSS snippets
- you need Pro transitions without a paid plan

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, css-framework, cli, plugin-system
- domain: web-development, frontend, web-design, developer-tools
- platform: cli, cross-platform
- tags: css-transitions, motion-design, agent-skill, copy-paste-snippets, ux-animation, micro-interactions, reduced-motion, ai-agents, web-server, nodejs

## Member repositories
- Jakubantalik/transitions.dev (main) score 59

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:50.136840+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:24:27.161099+00:00, confidence not recorded.
  - readme: https://github.com/Jakubantalik/transitions.dev (fetched 2026-08-28T04:07:50.136840+00:00, sha e5792c8187a2)
  - homepage: https://transitions.dev/ (fetched 2026-08-29T09:37:02.637338+00:00, sha cc220c53daea)
  - site_page: https://transitions.dev/skill.html (fetched 2026-08-29T09:37:02.641421+00:00, sha 8ef9b7535ad1)
- Data as of 2026-08-30T08:39:29.467469+00:00.