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

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

gpu-curtains: A WebGPU 3D Engine That Syncs Shaders to Your DOM

Martin Laxenaire rebuilt his DOM-to-shader library for WebGPU, and this time it's a full 3D engine. Lights, shadows, compute shaders, glTF support, and the same trick that made curtains.js useful: your HTML elements become shader geometry that scrolls and resizes like native DOM.

Feb 17, 2026

curtains.js: DOM-Driven WebGL Textured Planes

Martin Laxenaire's lightweight WebGL library that converts HTML elements into shader-driven textured planes positioned exactly where your CSS says they should be. Write normal markup, add shaders, skip the coordinate math.

Feb 10, 2026

PLAIN: Generate Low-Poly 3D Terrain Graphics in Your Browser

PLAIN creates low-poly 3D plane graphics using vertex geometry and simplex noise. Displace a grid into terrain. Animate the surface. Control camera, color, shape. Export stills or loops. Built in p5.js.

Feb 6, 2026

Game of 3D Life: Conway's Cellular Automaton with WebGPU

Conway's Game of Life in three dimensions. Simulation and rendering both run on the GPU via WebGPU compute shaders. No frameworks, just vanilla JS and hundreds of thousands of instanced cubes. Fly through the clusters as they evolve.

Jan 31, 2026

Gush: Webcam Optical Flow Feedback in WebGL

Adam Ferriss takes the Horn-Schunck optical flow algorithm, wraps it in feedback loops, and lets your webcam feed melt into psychedelic color trails. Move your face, click your mouse, watch the pixels remember where you've been.

Jan 26, 2026

Party: A WebGPU Particle Physics Playground

Thousands of particles swarm and collide with real physics, all running on WebGPU compute shaders. Party lets you tweak gravity, forces, and constraints live. It's part demo, part instrument.

Jan 23, 2026

Piña-tap: A Disco Star Pulses Over Grass in This Audio-Reactive WebGL Scene

A mirrored star hangs from a chain above a grassy field, pulsing to music in real time. Beaucoup Studio's WebGL experiment lets you pick colors and songs. Every track shares one word: beaucoup. Surreal, smooth, and surprisingly hypnotic.

Jan 19, 2026

FLAKE: Distance-Driven Pattern Generation With Custom Shapes

FLAKE uses distance-from-center to control scale, color, and rotation across a grid of shapes. Use images as masks. Export to vector or video.

Jan 17, 2026

Aurelia: Fully Procedural Jellyfish with WebGPU

A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.

Jan 8, 2026

Lusion: Real-Time 3D Wizardry

Lusion is a Bristol-based creative studio pushing real-time graphics in the browser. Think generative animations, cloth sims, and Houdini-baked vertex magic running on Three.js.

Jan 7, 2026

Tao Tajima's Sleek Portfolio

Tao Tajima's portfolio uses a clever shader trick to create buttery smooth infinite scrolling transitions. Built by Yuichiroh Arai at Homunculus Inc., it's a masterclass in doing more with less.

Jan 2, 2026