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/2025/05/23/developer-spotlight-rogier-de-boeve/

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

In this 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

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

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

From game hacking to stunning WebGL shaders, MrPrada’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/

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!

Read it here

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.

Read it here

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.

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

Today @niccolofanton 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

Today we're showcasing some amazing interactive animations made with Rive, a tool that’s quickly becoming a favorite in our community! ⭐️

Have a look and get inspired

Today we also have a tutorial for you!

Eemeli Haakana shows how to combine responsive HTML text with scroll-driven, shader-powered WebGL typography that remains accessible, selectable, and SEO friendly.

Dive in, you'll learn a lot

We're wrapping up the week with a super cute interaction: a fun drag-and-drop T-shirt try-on UI 👕 No frameworks, just vanilla JS, CSS, and some clever interaction thinking!

Big thanks to Ikram Hakim for sharing this lovely project! 💫

Article & demo: https://tympanus.net/codrops/?p=94987

(Totally NOT wrapping up the week on Friday 😂) Sunday got you in slow-mo? 🐌
Let these spicy animations snap you out of it!
Here's a fresh batch of motion magic: https://tympanus.net/codrops/2025/06/08/motion-highlights-9/

We’re starting this week with some bubbly goodness! 🫧

Learn how to create interactive, droplet-like bubble metaballs using Three.js and GLSL—with stretchy motion that follows your mouse.

A fantastic tutorial by Yuki Kojima: https://tympanus.net/codrops/?p=94983

Today we have a wonderful tutorial for you!

Jorge Toloza shows how to build an infinite parallax image grid with GSAP, seamless tiling, and dynamic scroll/drag effects.

A motion-rich visual treat!

Read it here

Today we are shining the light on Creative Developer Robin Payot 🌟

From rebuilding Zelda: Wind Waker in Three.js to crafting award-winning 3D experiences, Robin shares his journey, projects, and WebGL insights: https://tympanus.net/codrops/2025/06/12/developer-spotlight-robin-payot/

We’re starting this week with a fabulous case study by Malvah Studio on KODE Immersive, where WebXR and real-time 3D come together to shape a next-level interactive experience.

Craft, vision, and lots of wizardry: https://tympanus.net/codrops/2025/06/16/inside-the-frontier-of-ai-webxr-real-time-3d-crafting-kode-immersive/

Today we have a fantastic tutorial by Daniel Petho 🔥

Learn how to animate along a custom SVG path using React and Motion with scroll-based velocity, hover interaction and responsive scaling.

Check it out

We're starting the week with something truly special! 💫

Absolutely stoked to have the legendary Xor share how he builds entire worlds with nothing but math, code, and 280 characters!

It's a rare look into the process behind some of the most iconic tweet shaders out there. Read it here