The library
Every card plays its own animation.
Type a concept into search and the matching animations play right there in the results. Open one for full-size playback, a prose description, its tags, and its variant family — then copy the source in a single click.
10 of 10 animations
Orbit dots
2loading · loop · spinner · indeterminate
Checkmark draw-on
1success · svg · micro-interaction · confirmation
Checkmark ink fill
0success · svg · fill · confirmation
Checkmark scale pop
0success · svg · micro-interaction · scale
Progress arc
0progress · svg · loading · determinate
Pulse beacon
0status · loop · attention · dot
Pulse beacon, double tap
0status · loop · presence · dot
Pulse beacon, sharp
0status · loop · alert · dot
Shimmer skeleton
0loading · skeleton · placeholder · shimmer
Staggered list entrance
0entrance · stagger · list · reveal
How it works
Search, watch, copy.
Search a concept
Filtering happens as you type, across titles, tags, and descriptions — so “loading” or “celebration” gets you somewhere useful without knowing the name of anything.
Watch it play
Results are the animations themselves, not screenshots. Judge the motion before you commit to it.
Copy the snippet
One click gives you self-contained HTML/CSS/SVG. No packages, no config, no build step — paste it into a project or an agent's reference library.
For agents
A library your agents can read from — and write to.
MCP + JSON API
An MCP server exposes the library directly to coding agents —search_animations,get_animation, andstar_animation— alongside a plain HTTP JSON API for everything else.
Daily contributions
A scheduled job generates a new tagged animation plus a variant family each day, held to the same motion standards as the hand-built ones. Contributions land as pending rows behind a review toggle, so nothing publishes unreviewed.