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
We're kicking off the week with a great case study on Ciel Rose, a beautifully crafted website by Yanis Lebzar and Gabriel Foulon.

Take a look behind the scenes and explore the seriously smooth WebGL work and the challenges they overcame along the way.

Read it here
2
Media is too big
VIEW IN TELEGRAM
We're so excited to share one of our most honest, inspiring, and beautiful tutorials yet

Andrew Woan takes us through the mindset, magic and creative chaos behind crafting a 3D world with Blender & Three.js.

It's a must-read for any creative soul 💫

Make sure to carve out some time for this incredible deep dive! Read it here

And check out the amazing Codrops Fan Museum he made!

We’re immensely grateful to Andrew for spending countless hours on this masterpiece and for pouring his heart into this amazing tutorial! Thank you so much! 🙏💙
1
Today we're putting a spotlight on Luca Franceschetti, a digital designer from Italy.

From underwater portfolios to fortune-telling AIs, his work is bold, playful, and wildly creative.

Explore his eclectic and expressive world. Read it here
1
This media is not supported in your browser
VIEW IN TELEGRAM
Designing a slideshow and feeling stuck?

Here's a set of fullscreen image slideshow animations from our demo archive that might just spark something 💡

Have a look
2
Design tokens are revolutionizing how we maintain consistency and scale design systems. But what exactly are they, and how can they improve your workflow? 🎨

Explore how these small yet powerful elements are transforming the design process and discover how Penpot integrates them seamlessly.

Read it here
Media is too big
VIEW IN TELEGRAM
Minimalism meets mayhem in Nite Riot, a bold digital experience by BL/S® that has been turning heads across the creative world!

Learn how Serhii Polyvanyi channels "Difference Mode" into pure design electricity. ⚡️⚡️⚡️

A fantastic breakdown packed with insights into process, tools, and bold thinking.

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Today we're featuring Waaark's work for 24/7 Artists, an amazing launch page shaped by music visuals, scroll-tied motion, and playful interaction design.

Built fast, with a clear concept and smart use of tools! Learn how they brought it all together. Read it here

#webdesign #motiondesign #animation #webdevelopment #frontend #website #casestudy
2
This media is not supported in your browser
VIEW IN TELEGRAM
Today we're putting amazing developer Andrea Biason in the spotlight

In this packed feature, Andrea shares his favorite projects, from immersive WebGL journeys to bold brand platforms, along with invaluable insights on creative dev, collaboration & experimentation.

Don't miss it

#webdeveloper #developerspotlight #frontend #webgl #threejs #website #inspiration #portfolio
From finance to freelance, Stephanie Bruce found her creative calling in web design ❤️‍🔥

In our latest Designer Spotlight, she shares her journey, inspirations, and a selection of thoughtful, editorial-style projects that showcase her distinct approach to visual storytelling. 🪄

Read it here

#webdesigner #designerspotlight #webdesign #inspiration #websitedesign
2
This media is not supported in your browser
VIEW IN TELEGRAM
Remember that slick hover effect on Evervault's site? Still hot as hell 🔥

In 2023 we broke it down and recreated the spotlight hover magic using CSS & JS!

Check it out
2🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
We're kicking off the week with a hands-on tutorial by Tom Miller on building robust GSAP-powered carousels. 🎠

From scroll snapping & infinite loops to drag support & parallax effects, it's full of tips for creating polished, accessible animations.

Dive into the full guide

#gsap #tutorial #webdevelopment #frontend #animation
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
In today's case study, Olivier Tardif shares how he reworked Arts Corporation's site to make animations useful—not frustrating—while tackling everything from scroll freezes to autoplay sliders. 🎨

Dive into the technical details of his latest project, it's really worth a read!

Read it here
For anyone building with WordPress—sometimes page builders can be bloated and slow you down. But Droip is changing the game. 🚀 A no-code ecosystem that combines speed, flexibility, and total creative control, without the usual bloat.

Get to know it

This post is sponsored by Droip, redefining the future of WordPress web building.
We can't shine the light enough on this dev, Max Barvian 🌟

Check out his Developer Spotlight and see how he's taking web development to the next level with his technical expertise and creativity.
2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Craving your next hit of motion magic? 🚅

We’ve curated a sharp selection of standout animations! Bold ideas, impeccable craft, and visuals that will inspire you: Check it out
3
This media is not supported in your browser
VIEW IN TELEGRAM
Today we are exploring a playful proof-of-concept: animating repeating "frames" of images along a path for an interesting transition effect!

Check it out

#gsap #webdesign #frontend #animation #javascript #motiondesign #webdevelopment
❤‍🔥3🤩1
Today we are putting developer Reksa Andhika in the spotlight! 🌟

From humble beginnings to creating award-winning websites with interactive layouts and thoughtful motion, Reksa shares his journey and creative process that brings digital experiences to life.

Read it here

#developerspotlight #webdeveloper #frontend
2
This media is not supported in your browser
VIEW IN TELEGRAM
Forget the coffee, we’ve got motion design inspo to fuel your Sunday! 😎

Check out this fresh batch and get your creativity flowing.

https://tympanus.net/codrops/2025/05/04/motion-highlights-5/

#motiondesign #animation #inspiration
🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
It’s Monday, devs! Time to kick off the week with some Matrix vibes. 💻

Learn how to build dynamic particle trails with TSL and create your own sentinels flying through space. 🌌🟢

Big thanks to @Mister_Prada for this awesome tutorial!

Read it here: https://tympanus.net/codrops/2025/05/05/matrix-sentinels-building-dynamic-particle-trails-with-tsl/

#threejs #tsl #webgl #webdevelopment #tutorial
2
This media is not supported in your browser
VIEW IN TELEGRAM
Today we've got a 3D carousel concept for you!

It rotates as you scroll, creating a dynamic experience along with a fun page transition.

Have a look: https://tympanus.net/codrops/2025/05/07/on-scroll-3d-carousel/

#gsap #animation #3d #webdevelopment #creativecoding #frontend #motion #webdesign
2🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Feeling like the weekend zapped your creative energy?

Don’t worry—we’ve got a fresh batch of motion design magic to kickstart your week and get those ideas moving again

Get inspired: https://tympanus.net/codrops/?p=94002

#inspiration #motiondesign #animation