AIMRAN
HTML + CSSBackgrounds

Synthwave grid

A neon perspective grid rolls towards you under a striped retro sun, straight off an 80s album cover.

Settings

1x
1x
1

Code

<div class="pt-synth"><b></b><i></i><u></u></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

More in Backgrounds

Mesh gradient

BackgroundsHTML + CSS

Northern lights background

BackgroundsHTML + CSS

Breathing gradient

BackgroundsHTML + CSS

Liquid sunset background

BackgroundsHTML + CSS

Dot grid wave

BackgroundsHTML + CSS

Honeycomb background

BackgroundsHTML + CSS

Diagonal light lines

BackgroundsHTML + CSS

3D starfield

BackgroundsHTML + CSS

Where to use it

The synthwave look works wherever a bit of nostalgia helps: the page for a retro gaming night, the site of an electronic music producer, a Twitch overlay or the ticket page for a themed party. The grid scrolling towards the horizon gives instant depth. It’s a synthwave background in pure CSS, no images needed.

Chunky, bold type looks right on top of it, while thin elegant fonts get lost. Keep the headline in the sky above the sun, where the background is calmer, and leave the moving floor free.