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

A React Three Fiber Portfolio That's Fluid

Scroll and the work sloshes. Toggle and a carousel snaps into an alphabetized grid, the whole 3D scene graph rearranging while the DOM shadows it underneath. Maxi Ruti built it in React Three Fiber and wired reduced-motion in from the start, so the ambition ships without the spinner.

Jun 19, 2026

Aimee's Papercraft World: A Scroll-Driven Portfolio Built From Folded Paper

A hand-drawn character walks a looping path through a paper world that changes with the seasons. Built with Three.js, Blender, and Krita by baking flat Krita illustrations onto 3D geometry so the cardboard reads as cardboard from any angle. Open source, with a full tutorial.

May 28, 2026

Sporenkijker: A Live 3D Map of Flanders' Busiest Train Stations

A live digital twin of Belgium's ten busiest train stations, with accurate rail geometry and real-time arrivals rendered in a calm mech-tech style. Built by Guy Van Raemdonck at Studio Haedin.

May 27, 2026

BND Agency: An Agency Portfolio Built as a Showroom

Doan Bao Nam rebuilt the agency portfolio as a showroom you move through, not a page you scroll. Interactive 3D canvases and a custom audio-visual engine share a single frame, holding 60 FPS while sound and geometry run at once. Open devtools and watch how it stays steady.

May 16, 2026

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

Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment

Joseph Santamaria turned his portfolio into a full 3D environment you scroll through like a short film. Three.js, GSAP, hand-built scenes, and camera choreography that treats web performance as a design constraint. Built from Ecuador, no shortcuts.

Apr 4, 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