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

3D Life Sim Turns Artificial Life Into a WebGPU Instrument

Aaron Lemke's 3D Life Sim is an open-source WebGPU particle life simulation with live audio input, MIDI mapping, presets, and cockpit controls for exploring emergent forms.

Aug 1, 2026

img2threejs Turns One Photo Into Procedural Three.js Code

Hoài Nhớ's img2threejs rebuilds an object from one reference image as procedural, animation-ready Three.js code, with v1.3 improving geometry reconstruction and material generation.

Jul 30, 2026

ASTRODITHER Turns Audio Into WebGPU Signal Noise

Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.

Jul 1, 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

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

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

UNESCO's Virtual Museum of Stolen Artifacts, Rebuilt in 3D with NanoGL

A WebGL museum you weren't expecting to need. makemepulse rebuilt 240+ looted artifacts in 3D using their in-house NanoGL framework and a generative AI pipeline that turns flat photos into textured models. Architect Francis Kéré designed the space. The subject matter does the rest.

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

Recycled Records: A WebGL Beat Machine Built on Bottle Plant Samples

Coca-Cola's Recycled Records turns factory noise into rhythm. Sequence 16 bars using sounds from an actual recycling plant, watch WebGL particles pulse to your beat, and export video straight from the browser. Built with Tone.js and shipped in five weeks.

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

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

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

Indra's Pearls

A WebGPU deep dive into Indra’s Pearls, where circle inversions and Möbius transforms turn math into living geometry.

Dec 18, 2025