Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Results 73 to 96 of 131 for “Three.js”.
- Showcase
Flight 12: A Starship Launch in WebGL
Scroll down and a 124-meter Starship lights its engines beneath you, then flies its whole profile in real time. A scroll-scrubbed Three.js timeline that holds a steady frame the entire way down. Pop the 3D view and orbit it yourself.
- 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
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.
- Showcase
Giuseppe Paccione Turns a Portfolio Into a 3D Configurator
Giuseppe Paccione’s site is a real-time 3D interior portfolio-configurator with BIM, AI, authored textures, path tracing preview, LOD choices, and material controls.
- 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
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
22.09.2000 He Was Born Runs a Portfolio Through a WebGL TV
LUCERRÁ's WebGL portfolio behaves like one CRT broadcast, using texture layers, live 3D render targets, glitch transitions, hand tracking, and adaptive quality.
- Showcase
SnookerSim: Snooker With Physics You Can Measure
A 3D snooker table you can just walk up to and play. Side spin curls the cue ball off the cushion, deep screw draws it back, and a cage-and-jaw view shows exactly why your ball rattled out. Physics in plain TypeScript, no off-the-shelf engine. Shareable positions, MP4 capture, real recorded sound.
- Showcase
Track: A Scroll-Paced WebGL Run by Hiroto Sato
Scroll the page and an athlete runs forward. Stopwatch climbing, meters racking up, quotes from sports icons surfacing as you earn them. Hiroto Sato's TRACK pairs WebGL with GSAP and paces its reveals to distance instead of viewport position.
- Showcase
Semantic Globe: A WebGPU Earth That Understands Plain English
Type a vibe like "somewhere cold and lonely" and watch a 3D Earth pin the answer. The text embeddings and the planet shaders share one GPU in one browser tab, no server in the loop. Joshua Lochner's quiet flex of what WebGPU can do when nobody is looking.
- Showcase
AUDIOLAB: A React Three Fiber Audio Visualizer Built Like a Radio
AUDIOLAB is Abel Gudino's audio visualizer dressed as a radio. Load a track, watch the geometry react. React Three Fiber handles the scene while React owns the playback state, so the FFT data and the UI share one coherent tree instead of fighting over it.
- 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
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
Narrow One: A Multiplayer Archery Game with WebGL
Two developers in Rotterdam built a custom WebGL engine from scratch to run a 5v5 multiplayer archery game entirely in the browser. Just bows, arrows, and castle arenas that load in seconds on a Chromebook.
- 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
Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data
Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.
- Showcase
Galaxy Sim: Real-Time N-Body Galaxy Formation in WebGL
Watch 20,000 particles collapse from random gas clouds into a spinning spiral galaxy, all running in your browser. The result is quietly mesmerizing.
- 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
Skatebuilder: A 3D Skateboard Configurator
Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.
- Showcase
Studio Lumio: A Monochrome Portfolio
A designer-developer duo's portfolio that knows when to stop. Smooth GSAP transitions, cursor-reactive layouts, and shaders that punctuate rather than shout. Next.js, Lenis, Zustand, and an open-source hooks repo worth bookmarking.
- Showcase
The Sea We Breathe: An Immersive Ocean Conservation Experience
Dive into three underwater WebGL journeys exploring ocean conservation. Built by Unseen Studio, this award-winning experience blends baked animations, real-time interaction, and Stephen Fry's narration to make marine protection feel tangible.
- 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
Gen-02 Portfolio: An Immersive World
Samsy transforms the traditional portfolio into a 3D navigable space with his Gen-02 site. Built with Vue.js, GSAP, and custom WebGL, visitors explore interactive rooms showcasing a decade of award-winning creative tech work. Awwwards SOTD winner with serious technical depth.
