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

CHILE20: Active Theory's Three-World WebGL Campaign for Adidas Originals

Active Theory built three scroll-driven WebGL worlds for adidas CHILE20, each with its own visual identity. 500K-poly garments baked down to mobile-friendly meshes, fluid cross-world transitions, and a lockdown-era campaign that still holds up.

Mar 9, 2026

Earthquake Pulse Map: A Century of Seismic Activity on a WebGL Globe

A Three.js globe plotting 120+ years of major earthquakes with custom GLSL shaders, binary-packed data, and live USGS feeds. Spin, zoom, and scrub through time. The tectonic boundaries light up whether you're ready or not.

Feb 28, 2026

Molazone: A Rotating World Built Like a Vinyl Record for Yamê's Album

Studio 9P built Yamê's album site on a spinning disc in Three.js. The motorcycle stays still while Blender environments rotate underneath, cell-shaded to look like Moebius comic panels. There's even a mini-game hidden inside.

Feb 25, 2026

Kiomet: A Real-Time Multiplayer Strategy Game Built With Rust and WebGL

Kiomet drops you into a live hex-grid battlefield with dozens of players, 27 tower types, and zero installs. The whole stack is Rust compiled to WebAssembly, rendered through WebGL with custom GLSL shaders. Open source and running in a browser tab.

Feb 20, 2026

Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data

Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.

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

WebGPU Water Simulation: Porting a Piece of Graphics History

The 2011 demo that helped inspire Figma gets a WebGPU rewrite. Ripples, caustics, raytraced reflections, and a bobbing sphere, all running on modern GPU APIs. Yong Su's port is a case study in what it takes to cross the WebGL-to-WebGPU bridge.

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

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

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

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

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

Gen-02 Portfolio: An Immersive World

Samsy transforms the traditional portfolio into a 3D navigable space with his Gen-02 site. Built with Vue.js, GSAP, and custom WebGL, visitors explore interactive rooms showcasing a decade of award-winning creative tech work. Awwwards SOTD winner with serious technical depth.

Dec 28, 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

Utsubo

Utsubo’s new site drops you into a slick WebGPU-powered experience featuring a real-time cheetah, custom shaders, and gorgeous transitions. Built with Three.js’s WebGPURenderer, it’s part portfolio, part tech flex and absolutely worth a few replays.

Dec 16, 2025