Three.js - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More (Page 3) | WebGL / WebGPU Community

Troika: The Three.js Framework That Solved WebGL Text Rendering

Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.

Mar 3, 2026

Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Lusion's Gemini renders one car through two visual modes in Three.js. Hold to trigger slow motion and watch the shading, reflections, and post-processing reveal themselves. Restrained, cinematic, and quietly impressive.

Mar 2, 2026

Climbuddy: From Phone Photos to Interactive 3D Climbing Walls in the Browser

Snap photos of a bouldering wall, get back a textured 3D model with routes and holds auto-detected. Climbuddy chains COLMAP, SAM, and YOLO into a WebGL viewer that actually makes sense to use.

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

Molazone: A Rotating World Built Like a Vinyl Record for Yamê's Album

Studio 9P built Yamê's album site on a spinning disc in Three.js. The motorcycle stays still while Blender environments rotate underneath, cell-shaded to look like Moebius comic panels. There's even a mini-game hidden inside.

Feb 25, 2026

Orbiting a Single Photo: 3D Camera Control with Qwen Image Edit and Three.js

Upload a photo, drag a Three.js camera to a new angle, and a diffusion model hallucinates what the scene looks like from there. 96 poses, trained on Gaussian Splatting renders, running in a single app.py.

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

MONTREAL: A Snowy Owl Guides You Through a Hand-Illustrated WebGL City

Leeroy's MONTREAL is a WebGL experience where a snowy owl walks you through nine illustrated landmarks. Built with Three.js, Angular, GSAP, and Lottie, it layers hand-drawn art into 3D space with the feel of a storybook that learned how to breathe.

Feb 22, 2026

Tesla's In-Car Touchscreen, Rebuilt for the Browser

David Krasniy reverse-engineered the Tesla Model Y dashboard as a Next.js web app. Full control panels, Spotify integration, tire pressure readouts, and a parameterized image compositor for the car visualization. A masterclass in UI fidelity built from the outside in.

Feb 21, 2026

Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data

Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.

Feb 19, 2026

Galaxy Sim: Real-Time N-Body Galaxy Formation in WebGL

Watch 20,000 particles collapse from random gas clouds into a spinning spiral galaxy, all running in your browser. The result is quietly mesmerizing.

Feb 18, 2026

MANA Yerba Mate: An Animated Shopify Store

MANA Yerba Mate runs Three.js inside a Shopify storefront, rendering scroll-driven 3D worlds for each flavor alongside GSAP and Lottie animation layers. There's a playable game hidden in the footer.

Feb 15, 2026

In The Clouds: Tallest Buildings as 40-Meter Blocks

The world's tallest buildings rendered as stacked 40-meter blocks in Three.js. One block equals four floors. Pure client-side WebGL with procedural geometry. No map tiles, just height data and math.

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

Erfan Mirasadi's Three.js Portfolio with Theatre.js Choreography

A 3D interactive portfolio built with Three.js, Theatre.js, and Next.js that actually runs smoothly on mobile. Draco compression keeps geometry lean, code-splitting prevents bundle bloat, and touch controls work like they should.

Feb 9, 2026