Effects: shaders and backgrounds

Live background effects grouped by family. Each one is built from its own prompt and takes its colours from a style’s tokens, so it works in any style. Open one to tune it and copy a prompt with your values.

Preview in7 effects

Silk flow

Flow · Shader

Slow ribbons of two token colours fold over the background like silk in a breeze.

Customise

Aurora curtain

Light · Shader

Northern-lights curtains sway from the top of the page and shimmer into a dark sky.

Customise

Lava blobs

Blobs · Shader

Six glossy blobs drift on slow orbits and merge like a lava lamp.

Customise

Dot grid

Pattern · CSS

A precise grid of small dots that fades out toward the edges.

Customise

Paper grain

Paper · CSS

Fine fibre grain and a soft vignette, like an uncoated printed sheet.

Customise

Mesh gradient

Gradients · CSS

Four soft pools of colour blend into each other and drift slowly.

Customise

Sunburst rays

Decorative backgrounds · CSS

Alternating rays radiate from above the hero and turn very slowly.

Customise

Copied!