PROCEDURAL TWENTY / 2026MASTER BUILD GUIDE ↗

Twenty ways a website can feel alive.

A public collection of computed interfaces. No stock photography, no build chain, no repeated template—twenty self-contained experiments where the medium carries the idea.

01Chromatic TideRaw WebGL fragment shader + scroll uniforms02TYPE / ELECTRICVariable font axes + pointer velocity03VITREOUS 07Three.js transmission material + scroll orbit04SIGNAL / NOISECanvas ASCII field + brutalist editorial grid05murmurationParticle morphing between parametric formations06ORDINALSwiss precision grid + live inspect overlay07Lumen CloudAnimated Canvas gradient mesh + restrained glass08PHOSPHOR RELAYInteractive shell + CRT phosphor simulation09間 — MAVertical writing + scroll-drawn SVG ensō10FIELD TELEMETRYAccessible live Canvas charts + hover tooltips11DOUBLE REGISTERDual-layer Canvas moiré and pointer registration12NOCTURNE FMGenerative Web Audio sequencer and oscilloscope13ANEMOI ATLASCanvas vector-field streamline cartography14FOLD HOUSECSS 3D architectural folding controlled by scroll15CHROMA WORKSInteractive OKLCH mixing laboratory16SECOND HANDLive CSS horology with timezone complications17UNDERSTORYRecursive L-system growth garden18SOFT MACHINEDraggable neo-GUI window composition19SEED VAULT 44Interactive Voronoi biodiversity map20HEAVY WORDSCanvas rigid-body typographic gravity