Backgrounds.

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.

29 componentsHover to copyNo canvasDrop-in layers

Buttons Inputs Badges & Chips Cards Forms Loaders Navigation Overlay Feedback Data Display Text Effects Backgrounds Effects Hero Sections Landing Blog & Content Layout Dashboard AI Interfaces E-commerce Auth Settings

Ambience

Gradient fields

Aurora sweeps, drifting mesh blobs and radial spotlights. Blur is doing most of the work — keep the blobs large and the opacity low.

8 variants

Content

Signature

Aurora

tsx

Content

Mesh blobs

tsx

Content

Top spotlight

tsx

Content

Corner glow

tsx

Content

Sunset fade

tsx

Content

Animated gradient

tsx

Content

Vignette

tsx

Content

Duotone wash

tsx

Structure

Grids & patterns

Line grids, dot matrices, stripes and noise. Every one is a single background-image; add a radial mask to fade the edges.

11 variants

Content

Line grid

tsx

Content

Signature

Faded grid

tsx

Content

Dot matrix

tsx

Content

Panning grid

tsx

Content

Diagonal stripes

tsx

Content

Moving stripes

tsx

Content

Noise texture

tsx

Content

Crosshatch

tsx

Content

Isometric grid

tsx

Content

Perspective floor

tsx

Content

Checkerboard

tsx

Depth

Beams, particles & scenes

Falling light beams, starfields, radar sweeps and retro sun grids — composited from plain spans, no canvas.

10 variants

Content

Signature

Falling beams

tsx

Content

Starfield

tsx

Content

Rising particles

tsx

Content

Scanning line

tsx

Content

Spotlight follow

tsx

Content

Concentric rings

tsx

Content

Radar sweep

tsx

Content

Glass panel

tsx

Content

Top border sweep

tsx

Content

Retro sun

tsx

Backgrounds.

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.

29 componentsHover to copyNo canvasDrop-in layers

Ambience

Gradient fields

Aurora sweeps, drifting mesh blobs and radial spotlights. Blur is doing most of the work — keep the blobs large and the opacity low.

8 variants

Content

Signature

Aurora

tsx

Content

Mesh blobs

tsx

Content

Top spotlight

tsx

Content

Corner glow

tsx

Content

Sunset fade

tsx

Content

Animated gradient

tsx

Content

Vignette

tsx

Content

Duotone wash

tsx

Structure

Grids & patterns

Line grids, dot matrices, stripes and noise. Every one is a single background-image; add a radial mask to fade the edges.

11 variants

Content

Line grid

tsx

Content

Signature

Faded grid

tsx

Content

Dot matrix

tsx

Content

Panning grid

tsx

Content

Diagonal stripes

tsx

Content

Moving stripes

tsx

Content

Noise texture

tsx

Content

Crosshatch

tsx

Content

Isometric grid

tsx

Content

Perspective floor

tsx

Content

Checkerboard

tsx

Depth

Beams, particles & scenes

Falling light beams, starfields, radar sweeps and retro sun grids — composited from plain spans, no canvas.

10 variants

Content

Signature

Falling beams

tsx

Content

Starfield

tsx

Content

Rising particles

tsx

Content

Scanning line

tsx

Content

Spotlight follow

tsx

Content

Concentric rings

tsx

Content

Radar sweep

tsx

Content

Glass panel

tsx

Content

Top border sweep

tsx

Content

Retro sun

tsx