Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Results 49 to 72 of 131 for “Three.js”.
- 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
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
Softbody Tetris: A Squishy WebGPU Remake That Plays Different
Niklas Niehus rebuilt Tetris with soft body physics running entirely on WebGPU via Three.js TSL. Blocks deform on impact, wedge into gaps, and create emergent gameplay the original never had. Fully playable in your browser.
- 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
Earthquake Pulse Map: A Century of Seismic Activity on a WebGL Globe
A Three.js globe plotting 120+ years of major earthquakes with custom GLSL shaders, binary-packed data, and live USGS feeds. Spin, zoom, and scrub through time. The tectonic boundaries light up whether you're ready or not.
- 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.
- 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.
- Showcase
Medusae: A Soft Body Jellyfish Simulation
Medusae is a browser-native jellyfish built with Three.js, GLSL, and a lean constraint solver. Ash Weeks pairs fixed-timestep physics with GPU interpolation and audio-reactive shaders to deliver lifelike, 60-fps motion.
- Showcase
Interactive Physics With a TSL Fisheye Lens
Nikita Frolov combines physics-driven motion, glass refraction, iridescent metal, post FX, and a custom TSL fisheye node in a compact WebGPU experiment.
