Interactive Storytelling - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

Ad-Deir Monastery in WebGL: CyArk's Tapestry Takes You Inside Petra

CyArk's Tapestry rebuilds Petra's Ad-Deir Monastery from LiDAR and photogrammetry, then hands you the keys. A narrated seven-scene tour on a high-res textured mesh, with a free-explore mode sharing the same source of truth. Restrained engineering dressed up as a field trip.

Apr 9, 2026

Hatom: Five-Phase Griffin Mythology Rendered in WebGL

Immersive Garden built a five-chapter WebGL narrative for Hatom where a griffin hatches, armors up, and expands across planets. Three.js, progressive asset loading, and sound design by Ben Lukas Boysen. Awwwards SOTD, November 2024.

Apr 6, 2026

Omega Clearspace: Scroll-Driven Orbital Debris in Three.js

Immersive Garden built a scroll-driven WebGL experience that puts you in orbit alongside 36,500 pieces of space junk. Wireframe-to-render transitions, spatial audio, and a four-armed capture vessel that makes it feel like an elegant unfolding of a problem.

Apr 5, 2026

Find Your Way to Oz: The 2013 Chrome Experiment

UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.

Apr 2, 2026

ThoughtLab: WebGL as Brand Infrastructure, Not Decoration

ThoughtLab's homepage treat WebGL as structural, not ornamental. Real-time 3D interfaces, scroll-driven depth, and interactive flows built for commercial use. A 26-year-old studio that keeps choosing the GPU when flat design would be easier.

Mar 30, 2026

Ponpon Mania: A WebGL Comic Where a Sheep Dreams of Becoming a DJ

An interactive webcomic built in WebGL where every panel breathes. Custom shaders blend scene transitions, GSAP drives scroll-triggered animation, and the whole thing stays faithful to its hand-drawn roots. It's about a sheep who wants to DJ. Obviously.

Mar 26, 2026

The Pendragon Cycle: WebGL as Cinematic Storytelling

Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.

Mar 19, 2026

DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness

A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.

Mar 14, 2026

Penderecki's Garden: A Point-Cloud Memorial Built Using Photogrammetry

Huncwot turned billions of drone-captured particles into a navigable WebGL garden for composer Krzysztof Penderecki. Custom GLSL shaders breathe with the music. Fully keyboard-accessible. One of the most ambitious Three.js projects we've seen.

Mar 12, 2026

Bear 71: An Immersive Documentary Where a Grizzly Bear Becomes a Data Point

A grizzly bear's tracked territory rendered as surveillance grid. The NFB and Jam3 built a WebGL environment where Banff National Park looks like a living dashboard and coexistence feels like a systems problem.

Mar 5, 2026

MONTREAL: A Snowy Owl Guides You Through a Hand-Illustrated WebGL City

Leeroy's MONTREAL is a WebGL experience where a snowy owl walks you through nine illustrated landmarks. Built with Three.js, Angular, GSAP, and Lottie, it layers hand-drawn art into 3D space with the feel of a storybook that learned how to breathe.

Feb 22, 2026

MANA Yerba Mate: An Animated Shopify Store

MANA Yerba Mate runs Three.js inside a Shopify storefront, rendering scroll-driven 3D worlds for each flavor alongside GSAP and Lottie animation layers. There's a playable game hidden in the footer.

Feb 15, 2026

Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR

Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.

Feb 1, 2026

Crafts of Life: A Three.js Exhibition on East Asian Material Culture

The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.

Jan 22, 2026

The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film

A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.

Jan 15, 2026

The Sea We Breathe: An Immersive Ocean Conservation Experience

Dive into three underwater WebGL journeys exploring ocean conservation. Built by Unseen Studio, this award-winning experience blends baked animations, real-time interaction, and Stephen Fry's narration to make marine protection feel tangible.

Jan 1, 2026