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

Occultation

Gradient

A dark body in front of a light, and only the part of the limb facing the source burns.

shadowlightwebgl
16k347708
Premium
Preview

Komorebi

Gradient

Leaf shadow where the coarse canopy casts the softest edge and the small gaps project discs of the sun; the hand moves through it like a breeze.

shadowlightwebgl
15k533699
Preview

Soffit

Gradient

The underside of an overhang: one long fall from the opening into the shade, and a bounce coming back the other way so the deep end lifts off the floor instead of dying flat — the hand turns the light and walks it along the opening.

shadowlightwebgl
20k482698
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

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

Fenestra

Gradient

Shafts through a slatted window, made visible by dust smeared along the light rather than speckled across it.

beamlightwebgl
14k794667
Premium
Preview

Antipode

Gradient

Two masses of light leaning against each other, brightest where they still disagree and black where neither reaches.

glowlightwebgl
14k497627