Codrops

An experimental grid based layout system with an optional WebGL shader effect.

A spotlight on Anoukia Perrey’s notebook: a dive into her photorealistic 3D world, from hidden light tricks in Cinema 4D and Octane to the ideas behind her personal series.

Learn how to swap the usual radial cursor-trail blob for fully customizable brush shapes with Three.js, WebGPU, and TSL.

A yearly portfolio rebuild exploring how Webflow, GSAP, WebGL, and AI can turn spontaneous experiments into a playful, interactive experience.

Build a small Node.js tool that compares Google rankings with the sources cited by ChatGPT, Perplexity, and Google AI Overview to reveal where traditional and AI search visibility overlap and where th...

A Mediterranean creative studio blending brand and digital for design-forward companies.

A website is more than a visual composition. When machines read it too, the content, structure, and relationships it exposes become part of the design.

Crumpled paper you can unfold, grab, and throw, made by baking a Vellum simulation in Houdini and bringing it to the web with Vertex Animation Textures, Three.js, and cannon-es.

How designer Artem Shcherban and creative developer Reksa Andhika translated Kononenko Architectural Bureau’s identity into an interactive website.

A motion-driven website for House of Yellow, turning video, typography and interaction into an extension of the studio’s creative energy.

Learn how Vivid combines Webflow, custom code, motion, and pixel-based effects to create an interactive visual experience.

A look at how Resn combines brand, content, technology and a healthy disregard for boring websites to create digital experiences people actually want to explore.

A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.

A closer look at how Yestalgia brings Decathlon’s ’90s-inspired vision to the web through art direction, interaction, animation, and creative development.

A look inside the first-ever Three.js Conference, straight from Paris.

For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.

A technical deep dive into Still, exploring how WebGPU, procedural systems, and Japanese art influences come together to create a living generative garden.

An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders.

How a meshline habit turned into a tube renderer, and the three ways I got the maths wrong along the way.

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.

An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.

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.

A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.

New voices from the first Three.js Conference share what they’re building, experimenting with, and bringing to Paris.

A hands-on exploration of how Three.js, shaders, and codec-inspired techniques can turn a scene transition into a convincing real-time datamosh effect.

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 launch yourself across Paris toward the Three.js con...

A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.

Discover the process behind Goodgrowth, from its console-inspired concept to the 3D, motion, sound, and technical details that bring the experience to life.

A step-by-step tutorial on using Three.js and GLSL to create a mouse-following square lens effect with image distortion, RGB shifting, and animated shader effects.

A practical collection of tips for combining AI, Blender, and Blender MCP to streamline your Three.js workflow.