How to Create a Pixel-to-Voxel Video Drop Effect with Three.js and Rapier

A tutorial showing how video pixels are voxelized in 3D and dropped into a physics-driven world using Three.js, shaders, and Rapier.

Efecto: Building Real-Time ASCII and Dithering Effects with WebGL Shaders

An exploration of how classic image algorithms and CRT-era visuals come alive through real-time shaders on the web.

The Increasing Importance of Psychological Safety and Self-Awareness for Creative Work

This article dives into how psychological safety and self awareness help creative people take risks, speak honestly, and learn faster, and why that matters more than ever in modern teams.

Frequency Breathwork: Translating the Invisible Rhythm of Breath into Digital Form

An exploration of how concept, motion, sound, and code came together to create a website that doesn’t just present breathwork, but embodies it.

2025: A Very Special Year in Review

A look back at the ideas, experiments, and people that shaped a remarkable year at Codrops.

Motion Highlights #15

A new selection of motion work from across the creative community.

Building a Nostalgic 8-bit Universe with Modern Tech: A Vibe Coding Journey

A nostalgic 8-bit portfolio experiment built with modern AI workflows and performance-first web tech.

Spain Collection: Evolving a Luxury Website into a Digital Ecosystem

An in-depth look at the evolution of Spain Collection’s first website into a more ambitious digital ecosystem, connecting strategy, design, and technology across Spain and Portugal.

Building Responsive, Scroll-Triggered Curved Path Animations with GSAP

Smooth curved animations look simple, but building them responsively takes careful control. This tutorial shows how to approach it in practice.