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

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

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

Opalesce

Gradient

A film a few wavelengths thick over a slow flowing ground — the interference tint multiplies the palette instead of replacing it, and the cursor thickens the film so colour travels out behind the hand.

spectrumopticalwebgl
20k538679
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