Creative Coding - 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

A Portfolio You Walk Through: Hot Dogtor's WebGPU Building

Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.

Jun 11, 2026

Susurrus: A Watercolor World Built in Three.js

A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.

May 24, 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

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

Crystal Words: A Snowflake for Every Word You Type

Type a word. Watch it break into a six-fold ice lattice and hang in the air like a frozen sentence. Crystal Words is a small WebGL piece by Ming Jyun Hung that grows a structurally unique snowflake from whatever you put into the keyboard.

May 9, 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

Rahatil & Co: A 300KB Creative Site Built to Hold 60fps on Modest Hardware

Rahatil & Co spent 500 hours making a creative-category site that detects your hardware and adapts on the fly. Zero dependencies, under 300KB, and a hidden admin panel that redeploys the whole thing globally in under a second.

Apr 26, 2026

Botanics: A Three.js Plant Study

Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.

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

Hydra: A Livecoded Video Synth Built on WebGL Framebuffers

Olivia Jack's Hydra turns the browser into a modular video synth. Chain oscillators, kaleidoscopes, and webcam feeds into recursive GLSL patches, then pipe the output to another browser over WebRTC. Type a function, hit Ctrl+Enter, watch the pixels misbehave.

Apr 7, 2026

OFFFICE: A Furniture Studio Portfolio Built on Restraint and WebGL

A two-color WebGL portfolio for an Italian-Swiss design studio. 3D furniture models rotate in stark black and white, with seamless page transitions that pull you into dedicated model viewers. Built by Federico Valla using Three.js and Blender.

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

BOIDS: A Parametric Playground for Emergent Flocking Behavior

BOIDS simulates flocking through three local rules: separation, alignment, cohesion. No central control. Every parameter is exposed. Click to attract, right-click to scatter. Built in p5.js with texture support and video export.

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