codrops
174 subscribers
34 photos
100 videos
219 links
Fueling web creativity since 2009
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
We’re starting this week with Axel Croizé sharing the journey of building his first 3D game prototype in the browser! 🦊

From early ideas to experimenting with Three.js, shaders, and physics engines—it’s a great read for anyone curious about getting started.

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Today we have something special for you!

Learn how to optimize complex Three.js scenes without sacrificing visual quality in this masterclass by Niccolò Fanton 🔥

From smart asset compression to real-time performance tips, you'll be able to build smoother, faster WebGL experiences!

Read it
Today, we’re shining a light on Jhosue Mesias, a talented digital designer from Ecuador who’s pushing creative boundaries in UI/UX, storytelling, and art direction 🇪🇨🎨

Explore his journey, creative process, and standout projects. Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
We're kicking off the week with a tutorial on creating a dissolve effect with shaders and particles in Three.js 👾

Jatin Chopra breaks down the technique step by step, showing how to use shaders, particles, and bloom to achieve a dynamic effect often used in games for fading and transitions.

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
🌌 Today, we have something truly special for you.

What if reality can be expressed through code?

Yohei Nishitsuji takes us on a mind-expanding journey through GLSL, simulation theory, and the nature of existence—where art meets physics, and perception dissolves.

Discover his art and read the article here
This media is not supported in your browser
VIEW IN TELEGRAM
Looking for fresh motion inspiration? 👀

We've hand-picked some of the most beautiful animations and UI interactions to spark your creativity. Some great ideas here, don't miss them! 🔥

Check it out
This media is not supported in your browser
VIEW IN TELEGRAM
From coding MySpace profiles to building AI-driven experiences—Fabio Carretti’s journey is one of passion, evolution, and creativity.

Explore his story, projects, and insights in our latest Developer Spotlight! Read it here
Media is too big
VIEW IN TELEGRAM
We’re excited to feature Ivan Gorbunov in today’s spotlight! 🔥 A designer with a sharp eye for minimalism and functionality, Ivan shares his creative process, design philosophy, and standout projects.

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
We are starting this week with a truly inspiring story by designer Suz Sirunyan 🌟

She embarked on a bold 100-day journey, creating daily web experiments just for the joy of exploration. What started as a personal challenge turned into a collaborative movement, sparking creativity across the design and dev community.

Read it here
Ever wondered what makes a designer-developer partnership truly successful? 🙌

Designer Thomas Monavon and creative developer Grégory Lallé reveal their collaborative process—offering valuable insight for anyone building digital experiences at the intersection of design and code.

Explore their approach
This media is not supported in your browser
VIEW IN TELEGRAM
When matsuoka-601 dropped his WebGPU fluid simulation demos, they left everyone in awe—pushing the limits of what's possible in the browser with breathtaking realism and incredible performance. 💦

Now, he's been kind enough to take us behind the scenes, breaking down the magic behind the mesmerizing waves, high-performance physics, and real-time rendering!

Read it here
When artistic intuition meets WebGL mastery, something remarkable emerges. 🌟

Our latest Developer Spotlight explores Maximilian Berndt's journey from designer to creative developer and his work at Antinomy Studio where he collaborates with a talented team to push the boundaries of digital experiences.
This media is not supported in your browser
VIEW IN TELEGRAM
Step into the conceptually rich and visually striking world of Isabel Moranta, an award-winning Creative and Design Director pushing the boundaries of digital storytelling. 👑

Explore her journey, inspirations, and standout projects in our latest Designer Spotlight.
Pure CSS meets voxel art! 🧊

Agustin Capeletto takes us behind the scenes of the CSS Voxel Editor, showing how stacked grids, transforms, and perspective create a fully addressable 3D space—no JavaScript required.
This media is not supported in your browser
VIEW IN TELEGRAM
🌊 Today we have a very unique tutorial for you!

Thalles Lopes walks us through creating stylized water effects with React Three Fiber for a beautiful game he made as a birthday gift to his wife. 🎮💖

You'll learn so much, he's a true master at his art!

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Curious about how Stefan Vitasović brought his amazing 2025 portfolio to life? 🔮💻

From minimalist design to dynamic shader effects, this case study takes you behind the scenes of a truly unique creative dev journey.

Read it here
🌟 In this Designer Spotlight, we're shining the light on Artem Shcherban, a visionary digital designer with a sharp eye for usability, aesthetics, and structure.

From systematization to bold visual experiments, Artem shares his journey, philosophy, and creative process. Read it
This media is not supported in your browser
VIEW IN TELEGRAM
We are kickstarting this week with a tutorial by MisterPrada on rendering a procedural vortex inside a glass sphere using Three.js and TSL.

From shader composition to particle systems, follow the step-by-step breakdown in this great guide. Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Replicating the object-fit: cover behavior in WebGL can be tricky, but Nicolas Giannantonio breaks it down with optimized techniques using shaders for image scaling and positioning. 🖼️

Learn how to do it in our latest tutorial
This media is not supported in your browser
VIEW IN TELEGRAM
In our latest case study, see how a simple rebrand ignited a full-scale evolution!

Fiddle.Digital redefined their identity, elevated their design, and pushed performance to new heights—bringing StringTune to life.

A journey of creativity, innovation, and pure web magic. 🔥 Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
In today’s tutorial, Matt Park explores the magic of light and refraction! 💎🪩

Using Three.js, React Three Fiber, and Drei, he breaks down how light bends, refraction works, and how to create a super slick 3D glass torus. Read it here