PATTERN-GEN LAB
Procedural motion backgrounds
A web-native N2 port of the patterngen-oss engine (MIT). Seeded mulberry32 placement, the full shape vocabulary + reveal animations, a palette, a scrubbable timeline, and scene save/load — everything the original does except the Blender / PNG-sequence export. Same seed, same layout.
01 · Generator
Mode
Density · 5
Stagger · 3
Seed · 7
Grid
Palette
accent
+0/2 extraYour artSVGs use black fill/stroke (or currentColor); the generator recolors them to the palette and arranges + animates them. No Figma.
playing
Sceneseed + config, reproducible
02 · Packs — drop-in
Finished presets. Lift with <N2PatternGen {...N2_PATTERN_PACKS.hero} /> or a named wrapper.
herosparse field, center kept clear — behind hero text
dividerdense band, no grid — a section break
ambientvery faint always-on texture — app chrome
loadinglooping reveal — a waiting surface