React Three Fiber - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js

An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.

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

San Rita: A Studio Site Disguised as a Topographic Map

San Rita ditches the agency portfolio grid for something stranger: a navigable topographic landscape where projects sit like waypoints on a trail system. Some paths are open, some are closed for restoration. It's weird, deliberate, and worth inspecting.

Feb 26, 2026

Ring 3D Configurator: Turning a Static Jewelry Site into an Immersive Experience

Suryansh Gupta rebuilt a jewelry product page as a full 3D experience using React Three Fiber and GSAP. Scroll-driven camera moves, real-time material swaps, and transitions that feel authored, not generated. Worth studying if you build product pages for the web.

Feb 23, 2026

Škoda Vision Concept: Automotive-Grade 3D in the Browser

Bao Nam Doan built a real-time 3D Škoda concept car viewer that looks like it belongs in a design studio, not a browser tab. React Three Fiber, WebGL, and the kind of lighting that makes you forget you're on the web.

Feb 11, 2026

Skatebuilder: A 3D Skateboard Configurator

Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.

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

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