Today we've got a sweet little selection of creative menu patterns & animations for you! 🍭✨

A small showcase to get inspired and explore some cool design ideas in action.

Check it out

✨ September was full of inspirational surprises: we added 47 great new sites to our Webzibition!

We’re excited to see what October will bring!

And don't forget to let us know about your latest works via contact@codrops.com

✨🔧 In today's case study, you will learn how Federico Pian crafted his 2024 portfolio using Nuxt, GSAP, and TresJs with smooth animations and seamless transitions!

Get insights on design, development, and creating a fluid user experience! Read it here

👾 Today we have a collection of fun, cool, and wonderfully weird code experiments that we’ve highlighted in our newsletter over the past couple of weeks!

Check them out

💌 Want more? Subscribe for fresh demos and frontend goodness twice a week.

We’re starting something special in the Codrops Collective this Thursday: exclusive discounts on top courses! 🎉

Kicking off with a #threejs surprise! 🤩

Love learning? Subscribe to snag these sweet deals.

In this new demo we are exploring how fixed elements can play hide-and-seek with scroll interactions using context-aware animations. A simple approach, but it adds a nice touch ✨
Read more here

Today we’re thrilled to shine a light on Eva Sánchez! 🌟

Discover how she brings brands to life through dynamic digital experiences, playful interactions, and award-winning designs.

Read about her journey and marvel over her amazing works.

🔥 Check out our 6th edition of amazing sites built with Webflow & made by the most talented creators in the industry!

Today we don’t have coding insights for you, but something a little different! ✨🔮

Check out this visual deconstruction of the Paffi Totem Slider by Luca Franceschetti and Nicolas Bouvet, where soft gradients, subtle lighting, and playful motion combine to create a truly unique design.

Today we have a fresh little demo for you! ✨

Some more scroll magic, this time with a sprinkle of 3D and staggered animations. Check it out

Last week we had the Duten case study up on Codrops! Check it out

Also last week: An amazing Designer Spotlight with Serhii Polyvanyi

Stoked to have Quentin showcasing his framework piecesjs! Learn how to use it to build native web components, with Astro examples included!

Explore the creative process behind Monolith Studio's bold website, crafted by Artemii Lebedev in collaboration by Okan Uckun, and Oscar Akermo.

Discover how they brought the essence of a modern Brooklyn tattoo studio to life online.

Today, Caio Bassetti is sharing an awesome tutorial on building a 3D hand controller using just the webcam and your browser 🖐️🎮

With Mediapipe and Three.js, you'll learn how to bring your hand movements into the 3D world!

Read it here

🌟 We've got a fresh Designer Spotlight for you today! Meet Maria Rakovic, an architect and digital designer whose work beautifully marries precision with creativity.

From architecture to web design, she crafts visually striking, user-focused creations.

Explore her inspiring journey, projects, and unique design philosophy!

Check it out

Ready to start the week with some inspiration?

Today we have a fresh UI roundup for you with great animations and motion design concepts!

Get inspired

At Codrops, we love open source 💘

Today, we’re featuring Manifest, a simple, one-file solution to make backend tasks easier for frontend devs!

Learn about it

Today Christophe Choffel breaks down his awesome Three.js demo, showing off the new WebGPURenderer, BatchedMesh, and TSL.

Get into the details of cool post-processing tricks and what’s possible with the latest Three.js features!

Read it here

Today we have new tutorial for you ✨ Matias Perez takes you behind the scenes of his latest shader background effect with R3F. Follow along and see how it's done, step-by-step!