Made with $400/hour designers
Ship a site built for conversion from first impression.
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.
Ship a site built for conversion from first impression.
Frequently asked questions
How do I keep text readable over a moving background?
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.
Which background suits an AI product?
Mesh, aurora and iridescent gradients read as generative. Grids, mosaics and network graphs read as infrastructure, and suit a developer audience better.
Do these backgrounds use images?
Mostly not. They are drawn in CSS and plain JavaScript, so they scale to any screen without a large file behind them.
Can I put my own hero copy over one?
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
