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 →