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

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

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

Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment

Joseph Santamaria turned his portfolio into a full 3D environment you scroll through like a short film. Three.js, GSAP, hand-built scenes, and camera choreography that treats web performance as a design constraint. Built from Ecuador, no shortcuts.

Apr 4, 2026

Scroll-Driven 3D Cargo Bike Configurator Built with Blender and Webflow

A cargo bike configurator where scrolling is the entire interface. Blender geometry piped into Webflow with scroll-triggered animations handling component swaps, color changes, and camera moves. No buttons, no menus. You scroll, the bike answers.

Mar 21, 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

ATMOS: A Scroll-Driven Flight Through Procedural Skies

A tiny plane follows a spline through high-poly clouds and shifting gradients. Troika renders the text. A fake DoF blur keeps it cheap. LEEROY made the whole thing load without a progress bar.

Jan 29, 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

Orage Studio: A Modular WebGL Grid That Feels Like a Visual Operating System

Orage's homepage runs on a custom WebGL canvas-masking engine. Shader-driven tiles flicker and sync like data packets, the menu is drag-and-drop, and the whole thing boots like a terminal. Built by Beaucoup with Three.js, GSAP, and a deep commitment to the retro-tech aesthetic.

Jan 10, 2026

3D Books by Stripe Press

Stripe's press page features a WebGL-powered 3D book showcase where titles rotate and reveal their covers as you scroll.

Dec 19, 2025

Winter ’26 RenAIssance by Shopify

Step into Shopify’s Winter ’26 “RenAIssance,” a scroll-driven WebGL/WebGPU experience where classical art meets glowing halos, swirling clouds, and rich 3D detail. A baroque-inspired journey built to blur the line between tech and theater.

Dec 17, 2025

The Monolith Project

The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.

Dec 4, 2025

CodeofSagar: 3D Animated Portfolio

Sagar Kumar Ghosh built a 3D portfolio that feels more like an interactive scene than a resume. It runs on React, Three.js, GSAP, and even dips into WebGPU. If you're curious how to blend real-time graphics with a modern web stack, this is worth a close look.

Dec 1, 2025