Animation Playground

Five animation libraries. One page. Play with all of them.

Anime.js Lightweight JS animation engine with a clean, chainable API.
1000ms
Animates: translate, rotate, scale, color, border-radius — simultaneously. docs ↗
GSAP The gold standard — silky smooth, wildly capable.
1×
Timeline-based. Runs a multi-step sequence with overlap control. docs ↗
Motion One Web Animations API wrapper with spring physics and scroll-driven animations.
8
80ms
Staggered bar chart animation with configurable physics. docs ↗
Lottie Web Renders After Effects animations exported as JSON.
drop a lottie .json file here
or paste a URL below and hit load
1×
Try any lottie JSON from LottieFiles ↗ — grab the "Lottie JSON" direct link. docs ↗
Popmotion Functional, reactive animation library. Drag the dot.
120
15
Drag the dot, then spring it back or toss it with decay. docs ↗