ai starters

Transitions.dev

Named UI transitions aimed at AI agents: card resize, toasts, streaming text, skeleton reveal, modal scale. Catalog plus a Pro tier. Not a full component library.
by Jakub Antalik / transitions.dev updated Sep 5, 2026 other

## what it does

tl;dr: transitions.dev labels motion patterns so an agent can request “toast open/close” instead of inventing one.

Patterns seen on fetch

Card resize, number pop-in, notification badge, text swap, menu origin-aware open, modal scale, panel reveal, icon swap, error shake, skeleton-to-content, tabs pill, tooltip delay, accordion, like-button, spinner-to-check. Pro section includes thinking states and streaming text.

The page cites Emil Kowalski’s course. Use you don’t need animations as the gate before copying a transition.

## compatibility

cursor ?
claude-code ?

## stack

motioncss

## embed this badge

cache ✓ in cache.directory
![cached](https://cache.directory/badge/transitions-dev.svg)