WORKBENCH / DEMOSTHE COLLECTION ON GITHUB ↗

IDEAS, BROUGHT TO LIFE

Website demos.

A place for curious builds and hands-on experiments.
Open one up. Look closer. See what makes it work.

17IN THE
COLLECTION

On the workbench

EXPLORE / INTERACT / INSPECT
EXPERIMENT / 011A detailed navy-hulled three-masted schooner sailing across a blue simulated ocean OPEN INTERACTIVE DEMO
3D · Real-time ocean LIVE DEMO

Open Sea

A real-time WebGL 2 ocean with five spectral wave cascades and a detailed 52 m, three-masted schooner. Sail from glassy calm into a storm, through sunset, moonlight, rain and lightning, then dive into blue water with light shafts and independently swimming fish. A slow cinematic tour hands over to free flight, with a visible fullscreen control.

  • Sea states from glassy calm to storm
  • Sunrise to moonlit night, clouds that shadow the water
  • Rain, lightning and a detailed schooner with a wake
  • Underwater view with light shafts and fish
Launch demo View source ↗

WebGL 2 · Best on a desktop GPU · Drag or use movement keys to take over · H hides the controls

FFT ocean · 5 wave cascadesBlender-built 52 m schoonerCinematic tour · Free flight · Fullscreen
EXPERIMENT / 012Actual APX-9 3D exhibit: densely furred yellow-and-black mechanical bumblebee with dark compound eyes, metallic joints, six articulated legs and gold-veined transparent wings OPEN INTERACTIVE DEMO
3D · Biomimetic robotics LIVE DEMO

APX-9 · Pollination Engineering

A small machine. A brighter tomorrow. Explore 502 named components inside a mechanical bumblebee: layered yellow armor and fur, compound optics, smart-glass wings, geared flight drives, six articulated legs, power cells and a pollen-handling system.

  • Choreographed explode & reassembly
  • 502 detailed components · 573 selectable parts
  • Orbit, zoom, isolate & X-ray
  • Searchable directory & guided tour
Launch demo View source ↗

WebGL 2 · Best on a desktop GPU · Touch supported · Original concept reconstruction · Preview captured from the running exhibit

6 articulated legs2 smart-glass wings502 detailed components
EXPERIMENT / 013Actual Point Lookout demo showing blue ocean, foaming surf, a curving beach and windswept headland vegetation OPEN INTERACTIVE DEMO
3D · Coastal landscape LIVE DEMO

Point Lookout — North Stradbroke Island

Take in the Queensland coast from a windswept headland. Watch rolling ocean swells, foaming breakers and sea spray beneath drifting clouds, with moving coastal vegetation and a procedural surf-and-wind soundscape.

  • Animated ocean & breaking surf
  • Wind-driven coastal vegetation
  • Clouds, haze & cinematic lighting
  • Procedural surf & wind audio
Launch demo View source ↗

WebGL 2 · Best on a desktop GPU · Tap or press Enter after loading · Original: claude-creative-xbmc.vercel.app

North Stradbroke IslandThree.js · WebGL 2Self-hosted scene
EXPERIMENT / 014Actual Clockwork Garden frame: the yellow-and-black APX-9 mechanical bee with gold-veined glass wings beside an open porcelain flower with glowing brass stamens OPEN INTERACTIVE DEMO
3D · Explorable film LIVE DEMO

The Clockwork Garden

A forgotten Victorian glasshouse of brass and porcelain, and APX-9, the mechanical bee that tends it. Watch the 58-second film of the garden waking, fly as APX-9 to pollinate blooms, wind the escapement and grow the garden, or follow the bee as it goes about its day.

  • 58-second cinematic film
  • Fly as APX-9 · pollinate & grow the garden
  • Follow mode with orbit camera
  • Time of day, photo mode & procedural sound
Launch demo View source ↗

WebGL 2 · Best on a desktop GPU · Touch supported · Sound stays off until you turn it on · Preview captured from the running piece

No video modelsThree.js · WebGL 2Keyboard, touch & gamepad
EXPERIMENT / 015Actual Mechanical Flower demo: on the left the exploded view with enamel petals, brass stamen cage, glowing core and gear ring floating apart on parchment; on the right the assembled flower in bloom on a dark backdrop OPEN INTERACTIVE DEMO
3D · Exploded view LIVE DEMO

Mechanical Flower: Exploded View

A jeweled-enamel clockwork flower that assembles and comes apart on a 28-second loop. Watch twelve enamel petals, the stamen cage and glowing core, the filigree gear ring, drive gears, braided stem, retention collars and leaf panels fly out to match a ten-callout engineering infographic, then close back into a blooming flower on a dark studio backdrop. Drag the Explode and Bloom sliders to scrub it by hand.

  • 28-second explode and bloom cycle
  • Ten labelled parts, 84 floating gold screws
  • Scrub Explode and Bloom by hand
  • Poster and studio looks
  • Flashing jewel glints and drifting sparks
Launch demo View source ↗

WebGL 2 · Best on a desktop GPU · Touch supported · Built by an iterating render-and-review loop; a strict independent reviewer scored it 3.8 out of 5 against the photo, short of the 4.5 target: a close match in layout and palette, not an exact one · Preview captured from the running demo

No image assetsThree.js · WebGL 2Mouse & touch
EXPERIMENT / 016Colorful coastal houses, a bell tower and a rowboat beside a turquoise-water cutaway diorama OPEN INTERACTIVE DEMO
WebGPU · Coastal miniature LIVE DEMO

Coastal Village · Beach Diorama

A sunlit village beside turquoise water. Explore the beach, colorful houses, stone quay and little rowboat from Pavel’s coastal rendering demo.

  • Drag to orbit
  • Scroll to zoom
  • Animated coastal water
  • Lighting controls
Launch demo View source ↗

WebGPU-capable desktop browser · First visit prepares lighting and may take a few minutes

One coastal sceneWebGPU renderingBy Pavel / Vibe Game Engine
EXPERIMENT / 017Campfire with bright orange flames, glowing logs and rolling smoke, supplied by the Fire Pro project OPEN INTERACTIVE DEMO
WebGPU · Fire & smoke LIVE DEMO

Fire Pro

Shape a campfire, unleash a flamethrower or stir a fire tornado. Dan Greenheck’s real-time volumetric fire editor brings swirling flames, smoke and explosions to your browser.

  • 12 built-in effects
  • Live fire & smoke controls
  • Wind, turbulence & colliders
  • Save presets & export effects
Launch demo View source ↗

Requires WebGPU · Best on a recent desktop GPU · Preview supplied by the original project

By Dan GreenheckGPU fluid simulationMIT licensed