SiteMotion & Animation · Motion references
Paid interactive reference manual on interaction detail — motion choreography, inferring intent, simulating physics — with downloadable React prototypes.
Why it’s a gem
Vercel design engineer's mental model of detail, with runnable prototypes attached.
Course on web animation theory and implementation covering easing choice, duration, orchestration and performance, taught through interactive lessons.
Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.
Essay breaking down what separates animations that feel good from ones that feel wrong, with side-by-side interactive comparisons.
Personal site of a Chrome CSS advocate publishing modern CSS motion techniques, scroll-driven animation demos and interaction experiments.
Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.
Newsletter of long-form UI craft write-ups covering scroll-driven animation, CSS motion tricks and interaction detail, with live demos.