lattice.
a playground for variable fonts. svelte-kit, opentype.js, webgl — all in under 180kb.
context.
variable fonts unlocked a new kind of typography — tight, responsive, continuously interpolated. lattice is a small playground for engineers and designers to see those axes in motion without downloading a desktop app.
every axis, every frame.
lattice uses opentype.js to inspect a font, maps every axis to a ui slider, and hands the result to a tiny webgl shader that renders at 60fps on most phones. no backend. nothing tracked.
"a small, quiet tool — exactly the kind of thing the web used to make."
what shipped.
a single-page playground, shipped with 14 preset fonts, a custom-axes sandbox, and an export-to-svg button.
a production-quality demonstration that attention can be settled in public at the unit of the second. still my favorite project of 2024.
solo · open source.
a tiny tool, logged.
a short archive of the playground at different stages.
mobile, surprisingly.
shaders respect battery. axes collapse into a single knob on narrower screens.
trace.
a cli agent that plans, acts, and shows its receipts — so you can watch autonomy happen.
open next case ↗