Motion-adaptive typography — adapts letter-spacing, weight, and optical size based on velocity
-
Updated
Jun 1, 2026 - TypeScript
Motion-adaptive typography — adapts letter-spacing, weight, and optical size based on velocity
Deliberate sawtooth rag for the web — alternating long/short lines for typographic rhythm
Variable font weight hover without layout shift — wght increase with automatic width compensation
Page-load animation where per-line tracking settles from random offsets to optical equilibrium
Binary-search wdth axis and letter-spacing to fit a headline to an exact container width
Live DOM text wrapping any 3D surface — surface and silhouette modes with orbit camera
Binary-search font-size fitting — lock any text to its container width, height, or both
Per-line letter-spacing oscillation at offset phases — the paragraph breathes
Cursor-field per-word variable font axis variation — text responds to cursor proximity
Per-line variable font axis alternation — cycle wdth/wght/opsz across paragraph lines for typographic texture
Interactive glyph path editor — reshape bezier curves at runtime and watch every instance update
Font-metric hanging punctuation — cross-browser optical margin alignment using actual glyph bounds
Multi-cut optical font family hot-swap by computed font-size
Paragraph optical density equalization — measure glyph area per line and equalize visual density
Typography that follows your voice — per-word emphasis synced to Web Speech API
Per-character variable font wave animation — weight, width, or opacity washes through text letter by letter
Add a description, image, and links to the liiift-studio topic page so that developers can more easily learn about it.
To associate your repository with the liiift-studio topic, visit your repo's landing page and select "manage topics."