Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for Cities & Buildings, because “buildings” is another name for it.
Results 1 to 24 of 82 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
spark.js GLTF Demo: Real-Time Texture Transcoding for Faster Asset Delivery
A GLTF viewer that ships textures as compact WebP or AVIF, then transcodes them to GPU-compressed formats in the browser. Small downloads, efficient VRAM. Spark.js handles the conversion so you get the best of both worlds.
- Showcase
The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film
A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.
- 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
Forged.build
Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.
- Showcase
AndAgain: The Hover Reel Done Right
A London and Liverpool studio's site that opens with a monospace clock and a grid of eight projects, each thumbnail waking up on hover with a clip of the real thing. The asset choreography reads cleanly from the network tab. Quiet build, careful pacing.
- Showcase
NullGraph: A Data-Oriented WebGPU Rendering Framework
Vikas Kumar Singh's NullGraph drops the scene graph and streams flat ArrayBuffers straight to the GPU. Strange attractors, Hopf fibrations, curl-noise fluids, and a test engine that lets you swap memory layouts mid-flight to watch the frame times move.
- 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
Martin Laxenaire's Portfolio Is a WebGPU Game Built on His Own Engine
Martin Laxenaire turned his portfolio into a playable WebGPU experience powered by gpu-curtains, his own 3D engine. Procedural particles, boids, and invoice-sized spheres unlock as you interact. Full source code and a Codrops breakdown included.
- 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
Game of 3D Life: Conway's Cellular Automaton with WebGPU
Conway's Game of Life in three dimensions. Simulation and rendering both run on the GPU via WebGPU compute shaders. No frameworks, just vanilla JS and hundreds of thousands of instanced cubes. Fly through the clusters as they evolve.
- 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.
