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.

Preview

Airlight

Gradient

Ridges going pale as they recede — the air between piling up until the far ones are only sky.

hazelightwebgl
11k332569
Premium
Preview

Antipode

Gradient

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

glowlightwebgl
14k497627
Preview

Astragal

Gradient

Glazing bars on a five-fold quasi-periodic grid — ordered everywhere, periodic nowhere; the cursor bows the phase and the whole lattice bends like warm glass.

latticestructurewebgl
8.6k368350
Premium
Preview

Chatoyance

Gradient

A bundle of fibres lying almost parallel, lit from one side — the sheen is drawn by where each fibre points, and the cursor combs them.

clothmaterialwebgl
13k232512
Premium
Preview

Cyanotype

Gradient

A hand-coated print: the brush that laid the sensitizer, the dry edge of the coat, and the tooth of the sheet.

papermaterialwebgl
4.7k262215
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

Fetch

Gradient

Ocean swell under a low sun — three long trains fanned off the heading, and what is drawn is the slope of the water rather than its height, which is why the sea is bands of light and no waves.

waterliquidwebgl
9.6k362447
Preview

Flue

Gradient

A column of smoke drawn up a flue by the curl of a scalar potential — the hand goes into the velocity field rather than the coordinate, so it folds the column the way a draught does and keeps blowing for a beat after the hand stops.

smokeliquidwebgl
9.7k228405
Preview

Gnomon

Gradient

Soft shadows obeying the one rule that makes them soft: the penumbra widens with distance from the occluder and goes fainter as it widens.

shadowlightwebgl
7.1k142253
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

Ichor

Gradient

A pool with a lip — the liquid stands proud at its own edge and bulges where it is touched.

viscousliquidwebgl
22k963894
Premium
Preview

Interference

Gradient

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

fringeopticalwebgl
17k698717
Premium
Preview

Kindle

Gradient

A fire front creeping across a field — char behind it, an ember line, licks above.

firelightwebgl
19k392836
Premium
Preview

Kirlian

Gradient

A body ringed by its own corona, spikes crawling around the edge where the field is tightest.

electriclightwebgl
5.8k291293
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
Premium
Preview

Laminar

Gradient

A uniform stream flowing past bodies that are never drawn — the streamlines are exact everywhere, so they crowd where the flow crowds and have no edge to find.

flowliquidwebgl
11k256417
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

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

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

Orpiment

Gradient

Marbled pigment with the warp fed back into itself, veins at one level set and dust drifting along the filaments.

inkliquidwebgl
19k567747
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

Quicksilver

Gradient

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

viscousliquidwebgl
13k629661
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