Scroll Animation - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

22.09.2000 He Was Born Runs a Portfolio Through a WebGL TV

LUCERRÁ's WebGL portfolio behaves like one CRT broadcast, using texture layers, live 3D render targets, glitch transitions, hand tracking, and adaptive quality.

Jul 20, 2026

Flight 12: A Starship Launch in WebGL

Scroll down and a 124-meter Starship lights its engines beneath you, then flies its whole profile in real time. A scroll-scrubbed Three.js timeline that holds a steady frame the entire way down. Pop the 3D view and orbit it yourself.

Jun 14, 2026

A Project Gallery That Bends Like Film

A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.

Jun 13, 2026

GRAIR: A Luxury Jewelry Site That Refuses to Sell You Anything

A jewelry concept with no grid, no cart, no product shots. Just a slow descent through purple shadow toward one diamond, built in Three.js and Blender where lighting does the work geometry usually does. Scroll becomes a camera. Mood becomes the interface.

Jun 1, 2026

Aimee's Papercraft World: A Scroll-Driven Portfolio Built From Folded Paper

A hand-drawn character walks a looping path through a paper world that changes with the seasons. Built with Three.js, Blender, and Krita by baking flat Krita illustrations onto 3D geometry so the cardboard reads as cardboard from any angle. Open source, with a full tutorial.

May 28, 2026

Noomo's 3D Storytelling Site: A Walk Through Phoenix

Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.

May 23, 2026

Track: A Scroll-Paced WebGL Run by Hiroto Sato

Scroll the page and an athlete runs forward. Stopwatch climbing, meters racking up, quotes from sports icons surfacing as you earn them. Hiroto Sato's TRACK pairs WebGL with GSAP and paces its reveals to distance instead of viewport position.

May 22, 2026

Elimar: A Lost Van Gogh, Rendered in Particles

OddCommon's hour-long scrollytelling for LMI Group renders Vincent van Gogh as a cloud of black and white motes that scatter on approach and reform at distance. One particle system in many disguises, wrapped around four years of forensic art authentication.

May 21, 2026

WanderJaunt: ThoughtLab's Scroll-Driven Travelogue

Tiny 3D characters haul luggage past pools and palm trees while you scroll. ThoughtLab built a real-time WebGL animation system for WanderJaunt's flagship site, then shipped it after the client folded. Worth a slow scroll and a peek under the canvas.

May 20, 2026

Above the Clouds: A 3D Burj Khalifa Built on Gaussian Splats

A scroll-driven 3D concept site for the world's tallest tower, set during Dubai's rare fog season. The volumetric haze isn't faked; it's real Gaussian splat data running real-time in three.js, splats and polygons sharing one frame. Built solo in about six weeks.

May 18, 2026

AndAgain: The Hover Reel Done Right

A London and Liverpool studio's site that opens with a monospace clock and a grid of eight projects, each thumbnail waking up on hover with a clip of the real thing. The asset choreography reads cleanly from the network tab. Quiet build, careful pacing.

May 14, 2026

Artisans d'Idées: Treats Shadow as a Material

Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.

May 10, 2026

Cartier Watches and Wonders by Immersive Garden

Six Three.js alcoves, one per watch. Horizons drift, water laps, mirrors get theatrical. Immersive Garden turned Cartier's Watches and Wonders pavilion into a scrollable digital twin, with hidden gestures in every scene and a Mooders score doing narrative work.

May 6, 2026

The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series

Immersive Garden's scrollable look at Audemars Piguet's five RD prototypes: flying tourbillons at their actual thickness, sapphire catching light it shouldn't, and a camera with the taste to stand still. Nuxt on the shell, Blender on the geometry, WebGL tying the room together.

Apr 16, 2026

Justine Soulié's Portfolio: A WebGL Site Where Illustrations Are the Interface

Every illustration on Justine Soulié's portfolio is a live WebGL scene with its own micro-interactions. Built by Patrick Heng using OGL, scroll physics, and custom shaders, the canvas isn't decoration. It is the UI.

Apr 11, 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