The same
animation,
four ways

I wanted to see how much the library itself changes an animation, and what each one is actually like to use, so I built the same one four times. Each demo comes with the real source and my notes on all four.

css
native · 0 kB
gsap
3.13 · ~43 kB
motion
11 · ~5 kB
anime.js
4.0 · ~9 kB
01LIVE →Bouncing
ball
easing · squash · timing
02SOONSpring
drag
springs · gestures · momentum
03SOONPage
transition
enter · exit · shared element
04SOONSVG
line draw
stroke-dashoffset · stagger