Background templates built for a hero: mesh and aurora gradients, grids, mosaics, particles, waveforms, bokeh and interactive layers that answer the cursor. They sit behind a headline and a call to action and keep moving while a visitor reads. Every one is a single HTML file with no framework and no build step, so paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and describe the hero content you want on top.
Hold contrast between the words and the busiest part of the layer, and keep the motion slow. Anything that competes with reading is working against the hero.
Mesh, aurora and iridescent gradients read as generative. Grids, mosaics and network graphs read as infrastructure, and suit a developer audience better.
Mostly not. They are drawn in CSS and plain JavaScript, so they scale to any screen without a large file behind them.
That is what they are for. Paste one into your AI coding tool and describe the headline, subhead and buttons you want on top.
Narrow it down
Works with any vibe coding tool
