Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Results 1 to 24 of 59 for “Three.js”.
- 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
img2threejs Turns One Photo Into Procedural Three.js Code
Hoài Nhớ's img2threejs rebuilds an object from one reference image as procedural, animation-ready Three.js code, with v1.3 improving geometry reconstruction and material generation.
- Showcase
GPU-Side Physics: A Three.js WebGPU Compute Demo
Thousands of instanced bodies tumble and collide, with the entire physics step running on the GPU through WebGPU compute and Three.js TSL. No CPU round trip, no framerate flinch. A clean little workbench from Kevin Levron, built to inspect, tweak, and learn from.
- Showcase
Susurrus: A Watercolor World Built in Three.js
A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.
- Showcase
Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js
A personal Three.js portfolio staged as a moonlit field, with TSL, GPU grass simulation, volumetric smoke, procedural trees, fireflies, and camera-driven movement.
- Showcase
Patina Preview: Real-Time Procedural Weathering in Three.js and TSL
A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.
- Showcase
Botanics: A Three.js Plant Study
Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.
- 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
False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js
An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.
- Showcase
Aurelia: Fully Procedural Jellyfish with WebGPU
A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.
- Showcase
IVRESS by Utsubo: A WebGPU Story That Refuses Light
A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.
- Showcase
Particles Cursor Turns Images Into a Shader Field
Gabriel Villanueva’s Three.js experiment turns images into particle grids that react to cursor movement through GLSL displacement, texture color, and real-time controls.
- Showcase
ASTRODITHER Turns Audio Into WebGPU Signal Noise
Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.
- Showcase
Vermeer's Milkmaid Dissolved into WebGPU Particles
Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.
- Showcase
In The Clouds: Tallest Buildings as 40-Meter Blocks
The world's tallest buildings rendered as stacked 40-meter blocks in Three.js. One block equals four floors. Pure client-side WebGL with procedural geometry. No map tiles, just height data and math.
- 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
Interactive WebGL Jersey Slider Blends Team Kits in 3D
Prity Dhara’s Three.js jersey slider uses one 3D model, shader-based texture transitions, fabric movement, and GSAP motion to make kit changes feel physical.
- Showcase
Shining Turns WebGPU Into A Small 3D Storybook
Chanwoo Hwang’s Shining is a short 3D interactive storybook built with Three.js WebGPU, using pages, light, and spatial scenes as the interface.
- Showcase
Tubes Cursor Turns the Pointer Into a WebGL Trail
Kevin Levron’s Tubes Cursor is a compact Three.js interaction experiment that turns mouse movement into glowing tubular trails and can run through WebGL or WebGPU.
- Showcase
A Project Gallery That Bends Like Film
A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.
- 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
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.
