A shared vocabulary for describing motion. Every technique is named, coded and demonstrated live, so you can point at the exact movement you mean in a brief, a review, or a prompt.
deform on impact; conserve volume
Copy promptwind-up before the action
Copy promptclear the clutter, direct the eye
Copy promptcontinuous vs key poses + in-betweens
Copy promptthe tail settles after the body stops
Copy promptaccelerate and decelerate (easing)
Copy promptnatural motion follows curves
Copy promptsupporting motion (the swinging tail)
Copy promptheavy is slow, light is fast
Copy promptsubtle vs pushed squash
Copy promptlit volumes, real weight and silhouette
Copy promptcharisma; satisfying to watch
Copy promptlinear · ease-out · ease-in · ease-in-out · spring
Copy promptsnap · multi-bounce overshoot via CSS linear() · sluggish crawl
Copy promptthe same move at 100, 300, 500 and 1000ms
Copy promptquick-quick, hold, accent
Copy promptpass the target, ease back
Copy promptdecaying overshoots
Copy promptwind-up, move, recoil
Copy prompttall mass tips about its base; light mass rights itself
Copy promptdrag past the edge; it resists and snaps back
Copy promptspatial relationship
Copy promptgrow-from-origin; hierarchy
Copy promptorientation and dynamism
Copy promptmatched vertex counts interpolate continuously
Copy promptsoft state swap
Copy promptwipe content in and out
Copy promptlayers at different speeds create depth
Copy promptframes-per-drawing sets smoothness
Copy promptseamless, reusable motion
Copy prompta still pose still drifts
Copy promptdeform on travel, ghost trails, drawn streaks
Copy promptdirectional blur on fast motion
Copy prompta bright specular band rakes across the mark
Copy promptthe ground is never completely still
Copy promptrandom-interval displacement, not a loop
Copy promptstacked offsets read as dimensional type
Copy promptsnap between extremes, no in-between drawings
Copy prompthold the whole figure, move one part only
Copy prompttype as the moving subject, staggered per character
Copy promptwght climbs while wdth pays for it, so the line never reflows
Copy promptKicker
Headline
Standfirst
grid row fractions interpolate; type resizes, never translates
Copy promptthree slices of one oversized word re-cut 'opsz' out of phase; the measure tears at the seams
Copy prompta held slate stack bridges hard cuts; every splice punches 'opsz'
Copy promptone word re-set four ways and cut on a steps() clock
Copy promptMELT
FLUX
an alpha-threshold blur fuses two passing words into one mass
Copy promptthe count rides a morphing baton path; slnt stabs land on each beat
Copy prompthard-edged paper blocks slide on independent clocks; the pre-cut word docks into their negative space
Copy prompteach collision spawns its word at the impact point, cut on steps(1) frames
Copy promptcell states flip on offset 150ms clocks; once a bar the grid snaps to the clean lockup
Copy prompta fixed slanted band restyles whatever scrolls through it
Copy promptin from below, out above
Copy promptscale-in with overshoot
Copy promptopacity plus de-blur into focus
Copy promptthe same element morphs between states
Copy promptdepress plus ripple confirms input
Copy prompta pulse nudges attention
Copy prompta rewarding burst
Copy promptmotion tracks your drag
Copy promptprogress tied to the scroll timeline, not a clock
Copy promptanimating transform stays smooth; animating left re-lays-out each frame
Copy promptopacity plus translate on entry, reversed on exit
Copy promptscale coupled to border-radius so the element recedes
Copy promptcircle(6%) to circle(75%) bursts open from the centre
Copy prompta depth scalar per layer: near travels furthest
Copy promptpreserve-3d stacking on the Z-axis, no WebGL
Copy promptentry · contain · exit — which slice of the pass drives the animation
Copy promptdocument position, independent of any one element
Copy promptreads wheel intent, not scroll distance — one gesture, one step
Copy promptthe section holds still while your scroll scrubs a nested sequence
Copy promptpin the parent, translate the track on X
Copy promptabsolute stack; the outgoing card drops to 0.86 and dims for depth
Copy promptsame move twice — one scrubs with the scrollbar, one fires at 50% and runs on its own clock
Copy prompttaller-than-scrollport subject: entry saturates at frame-fill, entry-crossing maps the full traversal
Copy promptstroke-dashoffset reveals the stroke while offset-distance rides its tip
Copy prompt