Anvil — Specimen 04
Anvil Type Foundry
Move the cursor across the typeScroll hard to shear itCanvas texture · 1 draw call
The type is a texture, and the texture is your own stylesheet.
The headline is drawn to an offscreen 2D canvas using the font read straight off the hidden <h1> — same family, same weight, same style — then uploaded as a WebGL texture. Nothing can drift out of sync with the CSS because nothing is duplicated.
White text on black means the red channel is the mask. No alpha, no premultiplication, no chasing a fringe you cannot explain.
The heading never leaves the DOM.
The real <h1> is always there. It is only visually replaced — clipped to a single pixel — once data-gl="on" confirms a context actually started. On a machine with WebGL disabled, the visitor gets ordinary type and never knows.
LibraryNone — raw WebGL
Texture2D canvas, DPR-capped at 2
Uniformspointer · hover · velocity · time
FallbackThe real <h1>, unstyled
RedrawOn resize and on font load only