Early Access Sale — $588 now $299--:--:-- left
New templates arrive every week

Gradients

Pointer-interactive gradients in pure WebGL — about a kilobyte on the page, and every one recolourable.

Similar layers

Premium
Preview

Nacre

Gradient

Thin-film colour over a stretched shell grain — the orders slide as the pointer glances across, pearl one way and blush the other.

spectrumopticalwebgl
9.1k430492
Premium
Preview

Hyaline

Gradient

Refraction through a height field with one index per channel — the split is in the glass, not painted on.

glassopticalwebgl
7.4k287347
Premium
Preview

Interference

Gradient

Three slow emitters trading standing waves — bright fringes where the crests agree, black where nothing reaches.

fringeopticalwebgl
17k698717
Premium
Preview

Tress

Gradient

Noise combed along a flow field — the walk re-reads its direction at every step, so the strands curve.

flowliquidwebgl
3k72160
Premium
Preview

Tombac

Gradient

Crumpled brass with a warm room on one side and a cold window on the other — facets return whichever they face.

metalmaterialwebgl
7.3k337287
Premium
Preview

Strigil

Gradient

A warm and a cool field dragged sideways until they smear — five taps along an axis that fans across the frame.

flowliquidwebgl
12k298521
Premium
Preview

Serigraph

Gradient

A print rather than a ramp: five screens, one flat colour each, and what keeps it from reading as banding is where they stop — not at a level line but wherever a coarse mesh says.

papermaterialwebgl
11k279620
Premium
Preview

Raking

Gradient

One broad shaft laid across the frame — the distance to an oriented axis through a tight core and a wide spill, with the far end giving out — and the hand turns the axis.

beamlightwebgl
8.8k326415