motion-font

Type in Motion

Variable font axes animated with spring physics: weight, width, optical size.

↓ scroll

Weight spectrum: scroll to reveal

Thin Light Regular Medium Bold Black

Hover any word: weight springs to bold

InterfaceMotionDesignSpringVariableFluidKineticTypePhysicsAnimateBoldGlyphs

Scroll: optical size tracks scroll

Aa wght + opsz together
vs
Aa weight only

Hover each: different bounce values

No bounce bounce=0
Light spring bounce=0.25
Springy bounce=0.5
Wild bounce=0.8
Variable fonts give every word its own gravity.

Viewport entry: staggered weight reveal

The quick brown fox jumps over the lazy dog.

motion-font

Spring-driven variable font animations for any web project.

View docs →