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

Expeditione: A 1MB Landing Page and 4MB Educational Experience Built in Three.js

Stylized 3D dioramas that teach history, geography, and science. The landing page runs at 1MB. The Soil expedition packs 200+ images, 15+ models, and 10+ animations into 4MB. Vanilla Three.js, custom GLSL, zero ads. Proof that educational web experiences don't need to be bloated.

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

Crafts of Life: A Three.js Exhibition on East Asian Material Culture

The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.

Jan 22, 2026

spark.js GLTF Demo: Real-Time Texture Transcoding for Faster Asset Delivery

A GLTF viewer that ships textures as compact WebP or AVIF, then transcodes them to GPU-compressed formats in the browser. Small downloads, efficient VRAM. Spark.js handles the conversion so you get the best of both worlds.

Jan 21, 2026

QuietCubes: A 3D Product Configurator That Actually Sells Office Pods

A real-time 3D configurator for soundproof office pods. WebGL handles material swapping, dynamic lighting, and e-commerce integration without breaking a sweat. The kind of project that shows what browser-based 3D looks like when it has to close deals.

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

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