Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Results 25 to 48 of 95 for “Three.js”.
- Showcase
Noomo's 3D Storytelling Site: A Walk Through Phoenix
Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.
- 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
Artisans d'Idées: Treats Shadow as a Material
Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.
- Showcase
Cartier Watches and Wonders by Immersive Garden
Six Three.js alcoves, one per watch. Horizons drift, water laps, mirrors get theatrical. Immersive Garden turned Cartier's Watches and Wonders pavilion into a scrollable digital twin, with hidden gestures in every scene and a Mooders score doing narrative work.
- Showcase
Flight Path: 30,000 GPU-Instanced Flights on a Photorealistic Earth
Yong Su's Three.js demo spins a photorealistic Earth and threads up to 30,000 planes along dashed parabolas between cities. Every plane lives in one instanced mesh, with shaders handling the per-frame math. Scrub the UTC slider and watch the terminator crawl across the Pacific.
- Showcase
BlueYard: A Two-Color WebGL Atlas by Unseen Studio
Unseen Studio rebuilt BlueYard around Buckminster Fuller, a fluid-simulated orb, and a beautiful color palette. Three.js under the hood, reactive cursor, four thematic zones to scroll through. Worth opening devtools on.
- 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
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
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
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
Lacoste Members Experience: A Polo Shirt Co-Creation
Merci-Michel built a Three.js polo customizer with triple UV maps, vertex-encoded metadata, and a pipeline that exports directly to manufacturing. It runs on mobile. It never stutters. Worth studying.
- Showcase
Penderecki's Garden: A Point-Cloud Memorial Built Using Photogrammetry
Huncwot turned billions of drone-captured particles into a navigable WebGL garden for composer Krzysztof Penderecki. Custom GLSL shaders breathe with the music. Fully keyboard-accessible. One of the most ambitious Three.js projects we've seen.
- Showcase
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.
- 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
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
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
A Windows 98 Portfolio
Evan Poliquin's portfolio renders a full Windows 98 desktop inside a three.js scene, with React UI nested via CSS3D and raycasting to translate 3D clicks into 2D interaction. Two versions ship: WebGL with metaballs, or video fallback for lower-spec machines.
- 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
Addictive Egg Hunt Game
Merci-Michel's MSI Egg Hunt is a timing-based browser game where you dash between rocks and collect golden eggs. Simple premise, polished execution. Built with Three.js and WebGL, it won Awwwards Site of the Day in 2023. Give it a spin and check out how the Paris studio nailed the feel.
- Showcase
The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade
Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.
- Showcase
Marble Madness-Inspired Game for Netlify
Paris studio Little Workshop built a Marble Madness-inspired WebGL experience to celebrate Netlify's 5 million developers. Using Three.js, Rapier physics, and a Unity-to-browser pipeline, two devs created this award-winning browser game in 8 weeks.
- 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
Singularity: A Black Hole Simulation
A fully raymarched black hole in your browser (glowing accretion disk, gravitational lensing, radiation noise) all built with Three.js, TSL, and WebGPU. No geometry, just math. A cosmic shader experiment pushing real-time web graphics to the edge.
