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

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

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

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

Lore: Hand-Rolled WebGL by darkroom.engineering

Lore's landing page is the rare marketing site that earns its WebGL canvas. darkroom.engineering, the studio behind Lenis, wires GL into GSAP timelines for a logo-forward hero that is small, sharp, and worth reading the source of.

May 4, 2026

Weisdevice: A Glitchy Three.js Island With a Playable DJ Deck

Wei's portfolio drops you on a tiny island with a half-broken robot, a Gameboy, and a DJ deck that refuses to play clean loops. Three.js with GLSL and GSAP up top, smart performance choices underneath: raycasting at 30 FPS, render loop paused on inactive views, assets tiny and lazy-loaded.

May 3, 2026

Ameen Abdullah's Portfolio Turns the Browser Into a Stage

A WebGPU sakura scene anchors the hero, Vue drives the page, and a second WebGL layer paints mini scenes into textures aligned with the DOM. Off-screen blocks pause their work. Subtitles arrive in Japanese. A portfolio that behaves like a place rather than a CV.

May 2, 2026

Dev From 2047: A WebGPU Portfolio Experiment in Vue and TSL

A shelved WebGPU portfolio experiment from LUCERRÁ. Vue and Theatre.js sequence the camera, TSL handles shader transitions, and the whole thing reads as choreography rather than layout. The version that did not ship, which is usually where the more interesting code lives.

Apr 25, 2026

A Paper Tear, a Hand-Drawn Corridor, and Sketches That Finish Themselves

A sheet of paper rips open and drops you into a hand-drawn corridor where pencil-sketched frames paint themselves in as you walk up to them. The kind of small site that rewards a slow look around.

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

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

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

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

Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Lusion's Gemini renders one car through two visual modes in Three.js. Hold to trigger slow motion and watch the shading, reflections, and post-processing reveal themselves. Restrained, cinematic, and quietly impressive.

Mar 2, 2026

Ring 3D Configurator: Turning a Static Jewelry Site into an Immersive Experience

Suryansh Gupta rebuilt a jewelry product page as a full 3D experience using React Three Fiber and GSAP. Scroll-driven camera moves, real-time material swaps, and transitions that feel authored, not generated. Worth studying if you build product pages for the web.

Feb 23, 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

Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data

Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.

Feb 19, 2026