# gradient × # background

Featured Components⚛ TSX Live preview

Animated Mesh Gradient Field

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

37800Open

Featured Animations⚛ TSX Live preview

Morphing fluid blob background

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

43200Open

Featured Animations⚛ TSX 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

Animations Live preview

Gradient Flow Background

Animated gradient background with flowing colors.

HTMLCSSSimple

000Open