WebGL / WebGPU - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More (Page 7) | WebGL / WebGPU Community

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

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

Laser Drift: A Synthwave Arcade Shooter Built in Three.js

Lowpoly spacecraft, neon grids, and custom shaders combine in this browser-based arcade game. Gesture controls on mobile, no UI clutter, and a commitment to retro aesthetics that goes deeper than a bloom filter.

Jan 16, 2026

The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film

A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.

Jan 15, 2026

NGL Viewer: WebGL Molecular Graphics That Scales to Millions of Atoms

A WebGL viewer that renders proteins, DNA, and virus capsids with millions of atoms, smoothly, on desktop or phone. Hyperball shaders, MMTF parsing, and a selection language that actually works.

Jan 14, 2026

Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights

Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.

Jan 13, 2026

Studio Lumio: A Monochrome Portfolio

A designer-developer duo's portfolio that knows when to stop. Smooth GSAP transitions, cursor-reactive layouts, and shaders that punctuate rather than shout. Next.js, Lenis, Zustand, and an open-source hooks repo worth bookmarking.

Jan 12, 2026

Sector 32: A Three.js Portfolio Dense With Sci-Fi Detail

Piet Dewijngaert's portfolio is pure visual spectacle. Chrome skulls, laser beams, and a "prove you're human" gate set the tone. The tech stack evolved from vanilla JS to Svelte to Three.js with R3F. Every corner packed with interactive details, somehow still performant.

Jan 11, 2026

Orage Studio: A Modular WebGL Grid That Feels Like a Visual Operating System

Orage's homepage runs on a custom WebGL canvas-masking engine. Shader-driven tiles flicker and sync like data packets, the menu is drag-and-drop, and the whole thing boots like a terminal. Built by Beaucoup with Three.js, GSAP, and a deep commitment to the retro-tech aesthetic.

Jan 10, 2026

McLaren F1 Driver Lando Norris Official Website

F1 driver Lando Norris gets a digital home that matches his energy. 3D helmet rotations, Rive animations, and scroll-driven cinematics, all running smooth in Webflow. Awwwards Site of the Month.

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

Addictive Egg Hunt Game

Merci-Michel's MSI Egg Hunt is a timing-based browser game where you dash between rocks and collect golden eggs. Simple premise, polished execution. Built with Three.js and WebGL, it won Awwwards Site of the Day in 2023. Give it a spin and check out how the Paris studio nailed the feel.

Jan 6, 2026

WebGL Fluid Simulation by Pavel Dobryakov

A GPU-powered Navier-Stokes fluid solver running entirely in the browser. Swipe to create swirling, colorful flows with bloom effects, vorticity controls, and real-time interactivity. Works on mobile too.

Jan 5, 2026

The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade

Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.

Jan 4, 2026