A professional generative background engine built entirely with vanilla HTML, CSS and WebGL2. No frameworks, no build tools — just open index.html and create.
- 7 generative patterns — Aurora, Plasma, Soft Orbs, Silk Waves, Spectral Haze, Gradient Mesh, Color Mesh
- Color palettes — 8 curated presets (Obsidian, Slate, Dusk, Prism, Reef, Bloom, Aurora, Ember), custom 5-color editing, and Auto Palette with 3 modes (Balanced, Vivid, Tonal)
- Dark / Light theme — Universal toggle that controls palette rendering and split color across all palette modes
- Split Layout — Solid color area alongside the pattern for presentations (left/right/top/bottom, Fibonacci presets 5–8–13–21–34% + custom slider with drop shadow)
- Parameters — Seed, scale, warp, angle per pattern
- Timeline animation — Keyframe any parameter with 6 easing curves
- Post-processing — Film grain, ACES tonemapping
- Export — PNG (up to 8K), seamless looping GIF (up to 1920p Full HD)
- Workflow — Undo/redo, command palette (Cmd+K), keyboard shortcuts, project save/load
Open index.html in any modern browser. That's it.
Or visit the live demo.
| Key | Action |
|---|---|
Space |
Play / Pause |
Cmd+Z |
Undo |
Cmd+Shift+Z |
Redo |
Cmd+K |
Command Palette |
Cmd+E |
Export |
F |
Fullscreen |
R |
Randomize seed |
1/2/3 |
Speed 0.5x/1x/2x |
- WebGL2 — All rendering, shaders, FBOs
- Vanilla JS — No frameworks, IIFE namespace pattern
- Zero dependencies — Runs from
file://or any static host
MIT — see LICENSE for details.
- sanderws-boop
- @poaster_
- Claude Code by Anthropic