3D/WebGL demo gallery

Three.js Gallery: a collection of interactive WebGL demos

A set of standalone interactive 3D demos on Three.js — from a 4D hypercube projection to a recreated Windows XP desktop.

Problem

Showing depth in Three.js on one standard landing page is hard: lighting and shadows, Web Audio, non-standard geometry, driving physics, or recreating someone else's UI — each technique needs its own working example, not a line in a skills list.

Cramming it all into one project isn't the answer either — different demos pull in different code and complexity, and a shared engine would only slow every one of them down.

Format: every demo is its own index.html

Instead of one big app, this is a collection of standalone Three.js projects, each with its own index.html and its own roadmap "from MVP to production-grade graphics". As verified, the gallery currently holds 12 demos, ranging from engineering experiments to themed 3D scenes.

Engineering demos: 4D math, Web Audio, ASCII rendering

4D Hypercube Shadow projects a four-dimensional tesseract into 3D space and casts a 2D shadow, with real-time rotation across the XW/YW/ZW planes. Tiny Clockwork Music Box is a wind-up music box with gears, a spiked drum, 32 tines, and a melody synthesized live through the Web Audio API — wind the key and it plays, with no audio file involved.

Donut Terminal renders the classic spinning torus from donut.c as live ASCII text in a terminal aesthetic, built on Three.js, while Three.js Room is an interactive 3D room with a free camera, lighting, shadows, and scene post-processing.

Themed scenes: aviation, battle mechs, retro UI

Several demos recreate detailed 3D vehicle models with interactive inspection — the Lockheed CL-1201 nuclear-powered concept carrier, the German jet-winged Horten Ho 229, a U.S. Army giant carrier aircraft, and the Soviet Lun-class ekranoplan MD-160 (the "Caspian Sea Monster") complete with cruise missiles and sea spray.

Others are full interactive scenes: a choice of three land battleships (the Ratte, the Soviet T-35, and the fictional "Sturmfestung") sharing one battlefield across 6 locations with driving and shooting; a battle between Iron Giant and MechaGodzilla with HP bars and effects; and the Tumbler — the Batmobile with attack and stealth modes. Separately, Windows XP Desktop recreates the classic desktop in plain HTML/CSS/JS, complete with a Start menu, windows, and the iconic Bliss wallpaper.

Result

As verified, the gallery holds 12 demos of varying complexity — from 4D math and sound synthesis to detailed military vehicle models and a recreated retro interface — each tagged with its own tech stack and an "Open demo" link.

The project is deployed on Cloudflare as a fully static site, the source is open on GitHub (Ecomdev-Labs/threejs-gallery-uz), and the demo list keeps growing along its own roadmap rather than being frozen at the case's publish date.

Other cases