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 25 to 48 of 49 for “buildings”.
- Showcase
The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series
Immersive Garden's scrollable look at Audemars Piguet's five RD prototypes: flying tourbillons at their actual thickness, sapphire catching light it shouldn't, and a camera with the taste to stand still. Nuxt on the shell, Blender on the geometry, WebGL tying the room together.
- Showcase
Shader.se: An 80s Corporate Tape Rendered in WebGPU
A Swedish studio's landing page done up like a 1987 training reel, with chunky type and confident geometry giving way to scene transitions that only make sense on a modern GPU. Built with Three.js on WebGPU and shaded with TSL.
- Showcase
Hatom: Five-Phase Griffin Mythology Rendered in WebGL
Immersive Garden built a five-chapter WebGL narrative for Hatom where a griffin hatches, armors up, and expands across planets. Three.js, progressive asset loading, and sound design by Ben Lukas Boysen. Awwwards SOTD, November 2024.
- Showcase
Omega Clearspace: Scroll-Driven Orbital Debris in Three.js
Immersive Garden built a scroll-driven WebGL experience that puts you in orbit alongside 36,500 pieces of space junk. Wireframe-to-render transitions, spatial audio, and a four-armed capture vessel that makes it feel like an elegant unfolding of a problem.
- Showcase
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.
- Showcase
Pixel Vault: An Immersive Creative Marketplace from 2047
Pixel Vault drops you into a WebGL-rendered creative marketplace set in 2047. Bold geometry, fluid motion, and an interface that is the 3D layer, not decorated by it. Built by Karan Chouhan and Harshit Kumar Sahu, it's part storefront, part environment, and entirely worth exploring.
- Showcase
ThoughtLab: WebGL as Brand Infrastructure, Not Decoration
ThoughtLab's homepage treat WebGL as structural, not ornamental. Real-time 3D interfaces, scroll-driven depth, and interactive flows built for commercial use. A 26-year-old studio that keeps choosing the GPU when flat design would be easier.
- Showcase
OFFFICE: A Furniture Studio Portfolio Built on Restraint and WebGL
A two-color WebGL portfolio for an Italian-Swiss design studio. 3D furniture models rotate in stark black and white, with seamless page transitions that pull you into dedicated model viewers. Built by Federico Valla using Three.js and Blender.
- Showcase
Flightradar24: Live Flights Rendered in WebGL2, Updated Every Two Seconds
Flightradar24 renders tens of thousands of real aircraft on a vector globe using WebGL2 and CesiumJS, with positions updating every few seconds from 58,000 volunteer receivers. One of the most data-dense real-time WebGL apps on the public internet.
- Showcase
The Pendragon Cycle: WebGL as Cinematic Storytelling
Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.
- Showcase
DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness
A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.
- Showcase
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.
- Showcase
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.
- Showcase
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.
- Showcase
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.
- Showcase
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.
- Showcase
The Bartlett Summer Show 2020: 32 Walkable Gallery Rooms
Hello Monday built 700 architecture students a gallery that fits in a browser tab. Three.js renders 32 walkable rooms. The seamless jumps between 3D exploration and flat project pages proved something: the browser is a legitimate exhibition space now.
- Showcase
Expeditione: A 1MB Landing Page and 4MB Educational Experience Built in Three.js
Stylized 3D dioramas that teach history, geography, and science. The landing page runs at 1MB. The Soil expedition packs 200+ images, 15+ models, and 10+ animations into 4MB. Vanilla Three.js, custom GLSL, zero ads. Proof that educational web experiences don't need to be bloated.
- Showcase
Laser Drift: A Synthwave Arcade Shooter Built in Three.js
Lowpoly spacecraft, neon grids, and custom shaders combine in this browser-based arcade game. Gesture controls on mobile, no UI clutter, and a commitment to retro aesthetics that goes deeper than a bloom filter.
- Showcase
Orage Studio: A Modular WebGL Grid That Feels Like a Visual Operating System
Orage's homepage runs on a custom WebGL canvas-masking engine. Shader-driven tiles flicker and sync like data packets, the menu is drag-and-drop, and the whole thing boots like a terminal. Built by Beaucoup with Three.js, GSAP, and a deep commitment to the retro-tech aesthetic.
- Showcase
Lusion: Real-Time 3D Wizardry
Lusion is a Bristol-based creative studio pushing real-time graphics in the browser. Think generative animations, cloth sims, and Houdini-baked vertex magic running on Three.js.
- Showcase
Why Most 3D Websites Feel Wrong (and How to Fix It)
An interactive demo that breaks down what makes 3D sites feel clunky vs. alive. Step through real examples of inertia, bounce, magnetic snapping, and micro-interactions that transform flat 3D into something users actually want to touch.
- Showcase
Utsubo
Utsubo’s new site drops you into a slick WebGPU-powered experience featuring a real-time cheetah, custom shaders, and gorgeous transitions. Built with Three.js’s WebGPURenderer, it’s part portfolio, part tech flex and absolutely worth a few replays.
- Showcase
3D Math Playground
A 3D Math Playground for visual learners, built during a Bolt hackathon. Explore gradient descent, loss curves, and more, all vibe coded and rendered in real time.
