Animation Handbook

What it is

Every major web-animation technique in one place, each shown working. Open any technique's page in a browser and it runs offline: no build step, no frameworks, no CDN. Each entry pairs a live demo with a short write-up of the mechanic, the parameters that matter, and the production gotchas. Built to inspire and teach, not to sell a library.

Categories

Category	Techniques	What's in it
Scroll-based	26	Parallax, sticky, scrub, snap and narrative storytelling
Entrance & exit	13	Fades, slides, reveals, flips and text staggers
Page transitions	12	Crossfades, slides, portals, morphs and the browser-native View Transitions API
Micro-interactions	29	Hover, click, focus, loading states and UI feedback
Text & typography	14	Kinetic motion, character-level effects, gradient flows
3D & advanced	18	WebGL, shaders, particles and 3D transforms
Ambient & background	17	Gradients, particles, grain and glows

Several of the techniques in the handbook, such as the blur page transition and the ambient particle effects, are also used on this site.