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

AUDIOLAB: A React Three Fiber Audio Visualizer Built Like a Radio

AUDIOLAB is Abel Gudino's audio visualizer dressed as a radio. Load a track, watch the geometry react. React Three Fiber handles the scene while React owns the playback state, so the FFT data and the UI share one coherent tree instead of fighting over it.

Apr 28, 2026

Git City: GitHub Profiles as a 3D Pixel-Art Skyline

A sprawling 3D pixel-art city viewed from above, where each skyscraper represents a GitHub developer with height set by contributions and lit windows mapping to recent activity.

Apr 15, 2026

A Paper Tear, a Hand-Drawn Corridor, and Sketches That Finish Themselves

A sheet of paper rips open and drops you into a hand-drawn corridor where pencil-sketched frames paint themselves in as you walk up to them. The kind of small site that rewards a slow look around.

Apr 13, 2026

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