Motion website templates

Eight single-file websites with live WebGL scenes. Each one is a single HTML file with its fonts, icons and code inside. Open any of them to see it run, then scroll.

Osma hero: a rose made of glowing particles beside the headline.

Osma

Perfume atelier in Lisbon

Sixty thousand points turn from a rose into a still, vanillin, a flacon and its trail of scent as you scroll.

Open the Osma demo
Nightglass hero: the night sky over a mountain ridge with observatory domes.

Nightglass

Dark-sky observatory and lodge in Teruel

The real sky of one October night, with a guide's laser naming the stars and an eyepiece at every stop of the tour.

Open the Nightglass demo
Passer hero: a city bike split by a scan line into a finished half and a line drawing.

Passer

E-bike maker in Rotterdam

A city bike in real geometry, split by one scan line between its technical drawing and the finished bike.

Open the Passer demo
Rondist hero: a brilliant-cut diamond with flecks of spectral fire on the wall.

Rondist

Diamond-cutting atelier in Antwerp

One diamond, ray-traced and cut live from the rough to a 57-facet brilliant, its fire circling the studio.

Open the Rondist demo
Savi hero: a stoneware bowl on a potter's wheel under leaf shadows.

Savi

Wheel-throwing studio in Helsinki

One bowl thrown live from a lump of clay to fired celadon, while birch-leaf shadows sway over the studio wall.

Open the Savi demo
Drumlin hero: coffee beans made of glowing points on a dark roast background.

Drumlin

Specialty coffee roaster in Glasgow

Beans, a roasting drum over flame and first crack, all drawn with sixty thousand points, beside a live roast log.

Open the Drumlin demo
Lark hero: a round sourdough loaf with flour rings on a rosy counter.

Lark

Sourdough bakery in Bristol

Thirty-six hours of one loaf, from a fed starter to breakfast. Poke the dough in the hero and watch it spring back.

Open the Lark demo
Outer Light hero: dawn over the Norwegian Sea with a lighthouse on a small islet.

Outer Light

Hotel on a lighthouse islet

A June dawn at 63° north: the horizon, the sea and the lighthouse beam, with the day's real sunrise and sunset.

Open the Outer Light demo