Today Niccolò Fanton breaks down how he built a real-time dithering shader for WebGL.

It's composable, customizable, and perfect for retro-styled effects!

Read how it works: https://tympanus.net/codrops/?p=95318

Today we are exploring an elastic scroll effect for grid layouts, powered by GSAP ScrollSmoother. Columns move with subtle lag based on their position, creating a soft and dynamic feel.

Check it out: https://tympanus.net/codrops/2025/06/03/elastic-grid-scroll-creating-lag-based-layout-animations-with-gsap-scrollsmoother/

Born from a creative reboot, DICH™ is a unique digital fashion experience by the BL/S® team.

A sensual kind of futurism, visually and technically exquisite.

Discover how it came to life with Webflow, GSAP, Spline and more in this look behind the scenes by Serhii Polyvanyi: https://tympanus.net/codrops/?p=95071

Today we have a little weekend tutorial for you! 💫

Franco Beltramella shows how to build interactive 3D cards in Webflow using Three.js + GLB models.

A creative way to turn simple layouts into immersive micro-worlds: https://tympanus.net/codrops/2025/05/31/building-interactive-3d-cards-in-webflow-with-three-js/

How do you turn a 3D model of a vintage camera into an interactive web experience? 📷

Jean Mazouni breaks down the making of the 35mm website with scroll effects, edge detection and all the juicy technical bits.

Packed with great practical insights for creative developers: https://tympanus.net/codrops/2025/05/30/deconstructing-the-35mm-website-a-look-at-the-process-and-technical-details/

From game hacking to stunning WebGL shaders, MisterPrada's dev journey is a masterclass in passion, persistence, and pixel-perfect creativity.

Don’t miss today’s Developer Spotlight: https://tympanus.net/codrops/2025/05/30/developer-spotlight-misterprada/

OXI Instruments needed a full launch site in just 14 days—no visuals, no final assets, just a hard deadline.

Artemii Lebedev shares the fascinating story of how the team designed, built, and launched it—fast.

Read the case study: https://tympanus.net/codrops/?p=94794

There's a lot of noise around AI and code... but this article by Ian Curtis shows what it actually looks like to use it in practice.

Discover the steps needed to build a physics-based character controller with AI, React Three Fiber, Three.js & Rapier, guided by real constraints and clear intent.

Read it here: https://tympanus.net/codrops/?p=94836

#ai #webdevelopment #threejs #frontend #r3f

In today’s spectacular tutorial, Gwen Bogaert shows you how to transform a simple product grid into a smooth, interactive hover-to-preview experience using GSAP, clip-path, and smart layout techniques.

You’ll learn how to structure, animate, and bring UI to life — step by step.

Follow along and learn: https://tympanus.net/codrops/?p=93410

#gsap #frontend #animation #uidesign #webdevelopment

Happy Monday! ✨☕ We’ve got a lovely new roundup of motion designs to brighten your day and get those creative vibes flowing. 💙

Get inspired: https://tympanus.net/codrops/2025/05/26/motion-highlights-8/

#motiondesign #inspiration #animation

Today we’re putting the spotlight on Rogier de Boevé, a name some devs might remember for his mind-blowing portfolio 🪩

From WebGL magic to award-winning collabs, his work shows what’s possible when skill, vision, and code come together.

Read it here: https://tympanus.net/codrops/?p=93966

#developerspotlight #webdevelopment #creativecoding

We tried Bolt.new and built a Daily Coding Challenge Planner with it 🧑‍💻

It's very solid for quick prototypes and exploring ideas. Definitely fun to use, and feels like a nice way to sketch out concepts fast!

Read more: https://tympanus.net/codrops/2025/05/22/bolt-new-web-creation-at-the-speed-of-thought/

#ai #aicoding #frontend #webdevelopment

Shopify's Summer ’25 Edition has landed, packed with updates—but the standout is Horizon: a modular, AI-powered theme foundation built for real creative freedom and design clarity.

We took a closer look, with insights from VP of Product Vanessa Lee.

Read the full story: https://tympanus.net/codrops/2025/05/21/shopify-summer-25-edition-introduces-horizon-a-new-standard-for-creative-control/

You’ve definitely seen Aurel’s Grand Theater, an unforgettable, wildly creative portfolio powered by Three.js, Vue.js and GSAP 🦝

It took nearly two years to bring to life, and today Aurelien Vigne pulls back the curtain, sharing the full story from vision to execution in an epic deep dive.

Don't miss this amazing journey: https://tympanus.net/codrops/2025/05/20/behind-the-curtain-building-aurels-grand-theater-from-design-to-code/

#gsap #threejs #casestudy #webdevelopment #portfolio #website #webdesign #3d #3dexperience

✨ We've got some fresh motion goodies for you today.

Beautiful animations to make your creative neurons happy!

They inspired us, and we hope they do the same for you! 💙

Have a look: https://tympanus.net/codrops/2025/05/20/motion-highlights-7/

#animation #motiondesign #inspiration

🌟 Today we're highlighting designer Ning Huang, a Taipei-based creative using motion, no-code tools, and a bit of AI to bring bold, personal ideas to life on the web.

Read the full feature: https://tympanus.net/codrops/2025/05/17/designer-spotlight-ning-huang/

#designerspotlight #webdesign

Today’s Developer Spotlight is a little different… okay, a lot different!

Andrew Woan doesn't just talk code. He opens up about creativity, emotional growth, AI, teaching, pandas, and what it means to be human in tech. Yes, there's also Blender & Three.js 😅

This one feels like a warm hug, especially if you’ve ever felt lost, unsure of your path, or just needed a reminder that you're not alone in this creative journey. 🐼✨

It’s long, lovely and totally worth it: https://tympanus.net/codrops/2025/05/15/developer-spotlight-andrew-woan/

To celebrate GSAP going 100% FREE, we teamed up with Osmo, GSAP & Webflow to bring you 5 amazing demos + tutorials + Webflow cloneables ✨🎉

You’ll learn how to split text, scribble on hover, smash headlines, build glowing grids, and morph icons!

Check it out: https://tympanus.net/codrops/2025/05/14/from-splittext-to-morphsvg-5-creative-demos-using-free-gsap-plugins/

#gsap #webflow #tutorial #webdevelopment #frontend #creativecoding

Got an open source web demo, prototype, or creative experiment? 👀

We're planning to evolve our Demos Hub into a curated space for showcasing inspiring projects from creators across the web — and yours could be one of them!

Submit it here: https://tympanus.net/codrops/submit-a-demo

Today we’re featuring a hands-on breakdown: Zajno shares how they brought Chumbi Valley to life with Rive in React, and how they simplified interactive animation using data binding. 🧑‍💻

A clear, in-depth look at their approach, challenges, and lessons learned.

Learn along: https://tympanus.net/codrops/?p=92226

#animation #react #rive #tutorial