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

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

Tendrils: Emergent WebGL Particle Visuals

Tendrils is a WebGL demo by Eoghan O’Keeffe that turns particles into living, fluid forms. Driven by GPU shaders and user input (audio, webcam, touch), it’s both interactive art and a tech deep-dive.

Dec 9, 2025

Forged.build

Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.

Dec 8, 2025

Prinzipiell Tinker Series

Frank Reitberger’s Tinker series is a collection of WebGL and WebGPU experiments exploring procedural geometry, modular shaders, and real-time rendering in the browser. Each project builds on the last, offering sharp techniques and inspiration for anyone working with Three.js or TSL.

Dec 6, 2025

The Monolith Project

The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.

Dec 4, 2025

CodeofSagar: 3D Animated Portfolio

Sagar Kumar Ghosh built a 3D portfolio that feels more like an interactive scene than a resume. It runs on React, Three.js, GSAP, and even dips into WebGPU. If you're curious how to blend real-time graphics with a modern web stack, this is worth a close look.

Dec 1, 2025