codrops
171 subscribers
30 photos
89 videos
204 links
Fueling web creativity since 2009
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
We’re featuring Jorge Toloza in today’s spotlight—a creative developer whose motion-focused tutorials and interactive work have inspired the Codrops community.

Explore his story, favorite projects, and the ideas behind his beautifully crafted web experiences 🌄

Read it here
Alright, all you vibe coding aficionados, we’ve got a weekend project for you! 🧑‍💻

Our sponsor Outlier is running the Frontend UI Hackathon 2025 — build a slick mini-app using one of their prompts and you could snag a MacBook Pro M4, PS5, or Ray-Ban Meta Glasses.

🗓️ Submission deadline: March 30, 11:59PM PT

Submit your project via this form: https://tiny.outlier.ai/2p985vwk

Full rules, prompts & guidelines: https://tiny.outlier.ai/2p85xn6e
This media is not supported in your browser
VIEW IN TELEGRAM
Troa's new portfolio isn't just beautifully designed — it's built for speed and clarity.

500KB, 12 requests, zero bloat 🤯

Discover how a focus on essentials led to a faster, lighter, more deliberate web experience in our latest case study!

Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Today we have a brilliant new demo by Deadrabbbbit for you! 🌌

It's a super cool scanning light effect built with WebGPU, depth maps, and custom shaders using Three.js and R3F.

Check it out
This media is not supported in your browser
VIEW IN TELEGRAM
From playful Dribbble concept to a fully interactive tribute to Warhol—Warhol Arts is more than eye candy 🎨

In this in-depth case study, Serhii Polyvanyi from blacklead.studio breaks down how it was built with GSAP + Webflow, sharing hands-on techniques, smart workflows, and performance tips.

Read it here
Today we spotlight designer Vítor Cardoso, a creative guided by intention and shaped by years of thoughtful practice. 🌟

From early drawings to award-winning digital experiences — including standout work during his time at Numbered Studio — his journey is a reminder that design is craft, curiosity, and care.

Read it here
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
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! 🙏💙
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
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
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
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
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
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
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.