A suite of typographic npm packages for the web. Each targets a specific technique that CSS alone cannot achieve.
All packages are framework-agnostic, TypeScript-first, and zero-dependency by default. React bindings included.
| Package | Technique |
|---|---|
ragtooth |
Deliberate sawtooth rag — alternating long/short lines |
@liiift-studio/axisrhythm |
Per-line variable font axis alternation |
@liiift-studio/hoverboldly |
Bold/weight hover without layout shift |
@liiift-studio/floodtext |
Per-character variable font wave animation |
@liiift-studio/magnettype |
Cursor-field variable font axis variation |
@liiift-studio/fitwidth |
Binary-search fit to display width |
@liiift-studio/fit-flush |
Binary-search fit to container |
@liiift-studio/opticalmargin |
Font-metric hanging punctuation |
@liiift-studio/steadygray |
Paragraph optical density equalization |
@liiift-studio/textbreath |
Per-line letter-spacing oscillation |
@liiift-studio/typsettle |
Page-load tracking settle animation |
@liiift-studio/opszstepper |
Optical font family hot-swap by font-size |
@liiift-studio/stabiltype |
Motion-adaptive typography |
@liiift-studio/speechtype |
Per-word emphasis synced to Web Speech API |
@liiift-studio/wraptype |
Live DOM text wrapping any 3D surface |
@liiift-studio/glyphshaper |
Interactive runtime glyph path editor |