WebGL · regl

Neon Grid music visualizer

WebGL synthwave perspective grid with a horizon sun, scrolling floor, scanline glitches and beat-triggered glow.

Neon Grid is the synthwave scene incarnate — a perspective grid receding toward an infinite horizon, a glowing sun on the horizon line, scanline glitches that pulse on beat. The full scene is rendered in a single fragment shader, giving razor-sharp lines and authentic 80s neon glow.

Designed specifically for the synthwave, retrowave, vaporwave and cyberpunk aesthetic, Neon Grid generates the visual language of that genre by default. Floor lines scroll toward the camera, the horizon sun pulses on beat, scanline distortion glitches randomly. Combined with the Synthwave Sunset or Cyberpunk City palette, you get the look in a single click.

Tune the grid density, perspective strength, sun size and beam intensity to swing between subtle retro accent and full-throttle 1985 arcade. The shader-based implementation means the visual remains crisp at any resolution — 1080p, 1440p, and theoretically 4K when exported.

For YouTube synthwave channels, this scene is the entire aesthetic. Drop in a track, choose Cyberpunk City palette, export — your video already looks like a curated channel upload.

What it does well

Best for

Genres
SynthwaveRetrowaveVaporwaveCyberpunkElectronic
Formats
YouTube 16:9Shorts 9:16TikTok 9:16

Key parameters

gridDensity
Grid cells across the floor (14–36)
scrollSpeed
Floor scroll speed toward the viewer
sunSize
Horizon sun radius
beatPulse
Intensity of the pulse on beat
glitchAmount
Animated scanline distortion

Rendering

Renders on WebGL via a fragment shader. Crisp at any resolution; GPU-cost is essentially zero on any 2018+ device.

20 templates use this scene

See all →