# background

Featured Components⚛ TSX Live preview

Shooting-Star Canvas Background

Twinkling starfield with periodic gradient shooting stars streaking across — drop it behind any hero.

HTMLCSSJavaScriptAdvanced

10k63.4k11.2kOpen

Floating Gradient Orbs Background

Four blurred gradient blobs drifting on independent long loops with screen blend — a zero-JS ambient backdrop.

25900Open

Components Live preview

Scroll-Linked Background Color Shift

Full-viewport sections where the page background interpolates through per-section RGB stops as you scroll.

28700Open

Featured Components Live preview

Animated Mesh Gradient Field

Breathing screen-blend color blobs behind huge overlay type — the Liquid/Stripe-style ambient backdrop.

37800Open

Featured Animations Live preview

Morphing fluid blob background

Three blurred, screen-blended gradient blobs drift, scale and morph border-radius for a liquid ambient background.

43200Open

Flowing Sine Waves · Candy Pink

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Candy Pink palette.

22000Open

Flowing Sine Waves · Royal Gold

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Royal Gold palette.

66800Open

Flowing Sine Waves · Crimson Heat

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Crimson Heat palette.

82400Open

Flowing Sine Waves · Deep Indigo

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Deep Indigo palette.

29300Open

Flowing Sine Waves · Aurora Teal

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Aurora Teal palette.

10700Open

Flowing Sine Waves · Mono Pearl

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Mono Pearl palette.

34600Open

Flowing Sine Waves · Ultra Violet

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Ultra Violet palette.

78600Open

Flowing Sine Waves · Cyber Lime

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Cyber Lime palette.

13100Open

Featured Animations Live preview

Drifting Blob Backdrop · Deep Indigo

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Deep Indigo palette.

20800Open

Drifting Blob Backdrop · Aurora Teal

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Aurora Teal palette.

54600Open

Drifting Blob Backdrop · Mono Pearl

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Mono Pearl palette.

19900Open

Drifting Blob Backdrop · Ultra Violet

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ultra Violet palette.

81900Open

Drifting Blob Backdrop · Cyber Lime

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Cyber Lime palette.

76400Open

Drifting Blob Backdrop · Sunset Amber

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Sunset Amber palette.

33100Open

Drifting Blob Backdrop · Rose Gold

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Rose Gold palette.

39100Open

Drifting Blob Backdrop · Ocean Sky

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ocean Sky palette.

83900Open

Gradient Flow Background

Animated gradient background with flowing colors.

000Open

Background Blob Shift

Slow-moving background blobs with color crossfade.

000Open