;
;

Codrops

Fueling web creativity since 2009

Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL

An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders.
Posted on 8 September 2026 | 1:09 pm

Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU

How a meshline habit turned into a tube renderer, and the three ways I got the maths wrong along the way.
Posted on 7 September 2026 | 2:01 pm

Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.
Posted on 6 September 2026 | 1:09 pm

Building an Infinite Loom: Unravelling Images into Threads with Three.js

An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.
Posted on 5 September 2026 | 12:50 pm

Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js

The Codrops mark, rebuilt as a draggable solid and printed in ASCII on the GPU, where every character cell searches 95 glyphs for its own.
Posted on 4 September 2026 | 3:01 pm

From Rays to Meshes: Building Vercel’s Prism with vgpu

A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.
Posted on 3 September 2026 | 4:01 pm

More Three.js Speakers, More Ideas from Paris

New voices from the first Three.js Conference share what they're building, experimenting with, and bringing to Paris.
Posted on 3 September 2026 | 1:34 pm

Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js

A hands-on exploration of how Three.js, shaders, and codec-inspired techniques can turn a scene transition into a convincing real-time datamosh eff...
Posted on 2 September 2026 | 2:36 pm

Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js

A playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to...
Posted on 1 September 2026 | 12:41 pm

Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js

A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.
Posted on 31 August 2026 | 3:59 pm