A self-demonstrating spec sheet: every section of this page is built with the exact technique it documents, using the workshop's dependency-free motion library.
Research across award juries, studio teardowns and motion theory converged on a single sentence. It is the test every decision on this page had to pass.
The gap between competent and world-class is not more effects. It is fewer, deeper decisions.
One signature easing carries 80 percent of the motion. Each card below arrives on the standard 80ms stagger; each figure is animated by the counter helper it quotes.
Quick: hovers, presses, toggles. Under 80ms is imperceptible.
Standard: cards, panels, state changes. Ease-out on every entrance.
Slow: hero reveals and the one dramatic moment a page has earned.
The total stagger budget. Past it, choreography reads as queueing.
This is the timeline the hero above actually used. The bars draw with the same expo-out signature easing, staggered 120ms.
Press and hover these. The press scales to 0.97 and back; the lift travels 3px. Small, fast, consistent - that is the whole trick.