Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results2
Also searching for Cities & Buildings, because “buildings” is another name for it.
11 results for “buildings”.
- 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
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
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
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
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
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
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
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
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
CodeofSagar: 3D Animated Portfolio
Sagar Kumar Ghosh built a 3D portfolio that feels more like an interactive scene than a resume. It runs on React, Three.js, GSAP, and even dips into WebGPU. If you're curious how to blend real-time graphics with a modern web stack, this is worth a close look.
