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

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

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