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

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
Premium
Preview

Quicksilver

Gradient

Liquid metal gathering and breaking, holding its own edge the way mercury does.

viscousliquidwebgl
13k629661
Premium
Preview

Pharos

Gradient

A lighthouse turning inside sea fog — the blades die out where the banks are thick because the light is dimmed by what it crossed, not by how far it came, and a hand held up casts a real shadow that widens and fades as it falls away.

beamlightwebgl
23k763888
Premium
Preview

Planckian

Gradient

The colour of a temperature: hot metal lights one channel at a time, red then green then blue, and the whole sequence from deep cherry through orange to white falls out of the order they switch on in.

firelightwebgl
8.2k155300