Ambient surfaces that sit behind your content. Aurora gradients, faded grids, falling beams and starfields — each one is a positioned div you drop in with absolute inset-0 and a negative z-index.
Ambience
Aurora sweeps, drifting mesh blobs and radial spotlights. Blur is doing most of the work — keep the blobs large and the opacity low.
Aurora
Mesh blobs
Top spotlight
Corner glow
Sunset fade
Animated gradient
Vignette
Duotone wash
Structure
Line grids, dot matrices, stripes and noise. Every one is a single background-image; add a radial mask to fade the edges.
Line grid
Faded grid
Dot matrix
Panning grid
Diagonal stripes
Moving stripes
Noise texture
Crosshatch
Isometric grid
Perspective floor
Checkerboard
Depth
Falling light beams, starfields, radar sweeps and retro sun grids — composited from plain spans, no canvas.
Falling beams
Starfield
Rising particles
Scanning line
Spotlight follow
Concentric rings
Radar sweep
Glass panel
Top border sweep
Retro sun