Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Also searching for Cities & Buildings, because “buildings” is another name for it.
Results 1 to 24 of 49 for “buildings”.
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.
Ranked results
- Showcase
A Portfolio You Walk Through: Hot Dogtor's WebGPU Building
Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.
- Showcase
Choo-Choo World: A WebGL Wooden Train Set Builder That Runs in Your Browser
Lusion built a wooden train track builder in Three.js with a clay-dough art style, single-texture UV baking for day/night cycles, and a first-person ride-along camera. It ships as a PWA and runs smooth on mobile. Go stack tracks until physics gets nervous.
- Showcase
Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js
A personal Three.js portfolio staged as a moonlit field, with TSL, GPU grass simulation, volumetric smoke, procedural trees, fireflies, and camera-driven movement.
- Showcase
Above the Grassland Builds a Cinematic WebGPU Field
Ameen Abdullah’s Above the Grassland is a browser cinematic with WebGPU postprocessing, moving grass fields, weather presets, audio, narration, subtitles, and mood controls.
- Showcase
Above the Clouds: A 3D Burj Khalifa Built on Gaussian Splats
A scroll-driven 3D concept site for the world's tallest tower, set during Dubai's rare fog season. The volumetric haze isn't faked; it's real Gaussian splat data running real-time in three.js, splats and polygons sharing one frame. Built solo in about six weeks.
- Showcase
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.
- Showcase
Starter Kit Racing: mrdoob's Track Editor and Racing Game in Three.js
mrdoob ported Kenney's Starter Kit Racing from Godot to plain JavaScript and Three.js with crashcat physics. Build a track in the editor, race it, share the URL. No build step, no framework, just clean code and low-poly fun.
- Showcase
Cyber City Orion: A Blade Runner-Inspired 3D City in Your Browser
Adrian Red built a flyable cyberpunk city in the browser using Blender, Three.js, and Cursor, no hand-written code. Parkour across rooftops, ride ziplines, play arcade games embedded in the skyline. Four months from scratch.
- Showcase
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.
- Showcase
Prinzipiell Tinker Series
Frank Reitberger’s Tinker series is a collection of WebGL and WebGPU experiments exploring procedural geometry, modular shaders, and real-time rendering in the browser. Each project builds on the last, offering sharp techniques and inspiration for anyone working with Three.js or TSL.
- Showcase
Lume: GPU-Powered 3D Scenes Written as Plain HTML Elements
Lume lets you build WebGL-powered 3D scenes using custom HTML elements. Lights, shadows, glTF models, and reactive updates, all in markup that works with React, Vue, Svelte, or vanilla HTML. No canvas wrangling required.
- Showcase
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.
- Showcase
Chessmate: A 3D Chess Game With Your Opponent's Face On The Board
A three.js chessboard wired to a WebRTC video call, so you can watch your friend squint before they blunder a rook. Same data channel carries the moves and the stream. No game server, just a link, a board, and the small tells chess has been missing online.
- Showcase
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.
- Showcase
Š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.
- Showcase
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.
- Showcase
Moped Mayhem Turns Food Delivery Into Browser Racing Chaos
Evan Poliquin's Moped Mayhem is a browser multiplayer delivery/racing game built with Three.js, Rapier physics, websockets, culling, LODs, and a dense city to learn badly at speed.
- Showcase
Yusef Nsar Turns a Portfolio Into a 3D AI Timeline
A React Three Fiber portfolio built as an infinite 3D timeline, using WebGPU, compute shaders, TSL nodes, GSAP, and AI-driven interactive elements.
- Showcase
Elva Gives an AI Video Editor a WebGL Persona
Lazarev’s Elva site introduces a voice-first AI video editor through a glassy WebGL persona, precise motion, and a product story built around behavior instead of static UI shots.
- Showcase
Particles Cursor Turns Images Into a Shader Field
Gabriel Villanueva’s Three.js experiment turns images into particle grids that react to cursor movement through GLSL displacement, texture color, and real-time controls.
- News
Kimi K3 Uses Three.js WebGPU for an AI-Built 3D Game Demo
Moonshot’s Kimi K3 launch includes a notable WebGPU case study: an AI-built procedural 3D exploration game using Three.js WebGPU and GPU compute.
- Showcase
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.
- Showcase
Cat Warrior Parkour: Seven Levels of Three.js Platforming
Pelican Party Studios ships a tidy 3D parkour game in the browser: seven levels, hidden jades, a cat with no respect for gravity, and optional multiplayer. Three.js under the hood, aggressive asset diets, and jumps tuned to stay forgiving past the third fall.
