codrops
214 subscribers
60 photos
266 videos
1 file
411 links
Fueling web creativity since 2009
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
In this practical how-to, Hiroki Watanabe shows how to build beautiful fullscreen image transitions using SVG masks and GSAP’s ScrollTrigger, from blinds-style reveals to dynamic grid effects.

Learn how these techniques work and start creating your own scroll-driven animations.
4
This media is not supported in your browser
VIEW IN TELEGRAM
Today's spotlight is all about giving yourself fully to the craft.

Huy Nguyen shares how curiosity, self-direction, and a willingness to take risks led him from uncertainty to building MONOLOG, and why, no matter where the future takes him, he knows he'll never stop creating. Read it here
1
This media is not supported in your browser
VIEW IN TELEGRAM
A quiet freelance month turned into something much bigger.

Jonas Reymondin used the downtime to completely rethink his portfolio — not just visually, but purposefully.

He wrote the whole journey down for us: the identity, the grid system, the animations, the code architecture, and what it all meant to him as an independent creative.

Read it here
1
This media is not supported in your browser
VIEW IN TELEGRAM
Beautiful transitions meet smart architecture in Mael Ruffini’s latest tutorial: a persistent Three.js scene in Webflow, powered by GSAP and Barba.js for fluid, gallery-like navigation.

A great example of motion design serving both style and structure. Read it here
1
This media is not supported in your browser
VIEW IN TELEGRAM
In our latest Spotlight, award-winning digital designer Yeva Tykhonova shares her view of design as a bridge between human emotion and the digital world, and reflects on what makes digital experiences feel truly human. Read her story
2
This media is not supported in your browser
VIEW IN TELEGRAM
A Japanese book cover, a tactile visual language, and a portfolio shaped by concept rather than surface references.

Jackie Zhang walks us through the thinking and interaction details behind a unique portfolio.
2
This media is not supported in your browser
VIEW IN TELEGRAM
We're kicking off this week with a fantastic tutorial!

Cullen Webber explores how mouse trails, fluid simulation, dual-scene compositing & post effects come together in Three.js to produce a cinematic X-ray reveal effect. Learn how to build this
4
This media is not supported in your browser
VIEW IN TELEGRAM
Far from the usual studio portfolio, San Rita feels like a territory of its own, shaped by topography, vintage map textures, and a real sense of place. 🗺️

In our latest case study, Sébastien Lempens and Julien Sister break down the making of this amazing project.
This media is not supported in your browser
VIEW IN TELEGRAM
We're so excited to shine a light on María Vargas!

From graphic design in Argentina to incredible UI work for Riot Games and PlayStation, her path is packed with talent, ambition, and creative fire. Read it here
2
This media is not supported in your browser
VIEW IN TELEGRAM
In our latest case study, Gaspard Silvestre from Le Fruit unpacks the making of Pell Mell, a beautifully restrained digital experience where editorial rhythm, subtle motion, and structure come together with remarkable clarity.
1
This media is not supported in your browser
VIEW IN TELEGRAM
A little Sunday inspiration

Beautiful animations, clever interactions, and playful motion experiments... all in one fresh roundup from the creative community!

Come see what's been moving 👀
3
This media is not supported in your browser
VIEW IN TELEGRAM
Today we have a great deep dive by Arnaud Rocca on how he built his portfolio as a system with reusable GSAP motion, custom text transitions, and fluid WebGL interactions.

A beautiful look at what happens when motion becomes part of the interface itself.
This media is not supported in your browser
VIEW IN TELEGRAM
You can build visuals to turn heads. Or you can build them to explain complex ideas.

Damar Aji Pramudita does the latter beautifully in his latest tutorial, where he breaks down how he turned dithering into a visual experience with Three.js, instancing, and custom shaders.
Follow along, you will learn so much
Media is too big
VIEW IN TELEGRAM
Few developers bring the same level of care, taste, and technical skill to the web as Edoardo Lunardi.

We're stoked to have him share his journey with us today, along with reflections on the projects he's most proud of and the philosophy of craft, performance, and detail behind his work.
2