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

In our latest case study, Abhishek Jha and Reksa Andhika share the story behind TrueKind—a skincare website built with calm visuals, precise motion, and honest intent.

It’s a reflection on process, trust, and designing with restraint.

Read it here

Today we are shining the light on Bimo Tri, a brilliant multidisciplinary designer and creative dev from Indonesia 🇮🇩

From cultural storytelling to motion-rich portfolios, his work bridges design and code with heart and precision.

Discover his beautiful world: https://tympanus.net/codrops/2025/06/26/designer-spotlight-bimo-tri/

👻 Phantom.land bends pixels and perception like no other!

Built by the wizards at Phantom Studios using React Three Fiber and GSAP 🔥

3D face particles, magnetic grids, and invisible forces at play.

Dive into the making

We know many of you just LOVE Rive... and for good reason! ❤‍🔥

So we got Jeff McAvoy to share 3 micro-animations that add real magic to your UI. From hero images, animated CTAs, and more.

Follow along and learn

Where minimalist art direction meets cinematic storytelling — Bloom Paris TV’s new digital identity captures the precision of high-end production.

Beaucoup shares the thinking behind the bold, symbolic design. Read it here

If you follow Dominik Fojcik, you've likely seen his stunning, trend-forward kinetic 3D image animations 😍

Now he's explaining the code behind the magic — rotating textures, custom materials, and smooth 3D motion with React Three Fiber!

Follow along

Need to render thousands of 3D elements without tanking performance?

In this detailed tutorial, Matias Fernandez shares how basement studio used instancing in React Three Fiber to build a high-impact, low-draw-call site — and how you can too.

Read it here

"Good design solves problems, but great design tells a story."

Step into the world of Ivan Ermakov—Dubai-based designer and founder of Moonsight—where fintech meets finesse.

From bold interfaces to brand systems that feel intentional, Ivan shares his journey, process, and purpose in our latest Designer Spotlight: https://tympanus.net/codrops/2025/07/11/designer-spotlight-ivan-ermakov/

Redesigned to reflect what they do best, Hello Robo turns complex systems into precise, intuitive interfaces for AI, robotics, and aerospace.

A design case study on clarity, motion, and deep-tech UX: https://tympanus.net/codrops/?p=96524

Want your UI animations to react to real data in real time?

In this in-depth tutorial, Daria Nevezhyna and Uliana Kalashnikova explore Data Binding in Rive to connect visuals, logic, and interaction.

You'll learn how to build a dynamic gold price calculator from scratch: https://tympanus.net/codrops/2025/07/15/making-animations-smarter-with-data-binding/

By the end, you’ll be ready to build your own interactive, data-driven animations in Rive!

A mentorship platform built on motion — visual, emotional, and professional.

From modular branding to real-time WebGL effects, Meet Your Legend rethinks how creative knowledge is shared.

A fresh case study by Beaucoup: https://tympanus.net/codrops/?p=96688

How do you break the corporate mold without losing structure?

type8 studio shares the thinking behind 21 TSI's immersive, motion-driven site—where strict grid systems, AI visuals, and interaction design work in sync.

Read on: https://tympanus.net/codrops/2025/07/21/beyond-the-corporate-mold-how-21-tsi-sets-the-future-of-sports-in-motion/

Learn how to create a fully interactive 3D text effect — letters burst apart, react to movement, and settle back into place.

All powered by Three.js, WebGPU, and TSL 💥

A brilliant tutorial by Lolo Armdz: https://tympanus.net/codrops/2025/07/22/interactive-text-destruction-with-three-js-webgpu-and-tsl/

The week’s not over yet — still time for a fresh hit of motion inspo! 🔥

We’ve rounded up bold animations, smooth loops, and pure creative energy!

Tap in and get inspired: https://tympanus.net/codrops/?p=97643

How do you design a site that truly reflects how you work?

Reform Collective opens up about their redesign—why they rebuilt, what they simplified, and how they made it feel right.

Design choices, motion tricks, and dev insights worth stealing: https://tympanus.net/codrops/2025/07/24/reform-collective-a-new-website-designed-to-be-seen/

At just 22, Ivor Jian is designing websites with a level of taste, clarity, and technical finesse well beyond his years. A self-taught talent with a sharp eye and distinct voice—undoubtedly one to watch and draw inspiration from!

Explore his work & vision: https://tympanus.net/codrops/2025/07/25/designer-spotlight-ivor-jian/

Scroll, flip, rotate. 🤩

Eduard Bodak shares how he built three custom animations from his amazing portfolio—covering scroll handling, cursor-based motion, and layout-driven transforms.

A hands-on look at structure, timing, and interaction: https://tympanus.net/codrops/2025/07/29/built-to-move-a-closer-look-at-the-animations-behind-eduard-bodaks-portfolio/

What started as a way to help redesign his parents' kitchen turned into a fast, procedural 3D design tool built with Three.js 🏡

In this article, we get a peek under the hood as Nikolai Stakheiko walks us through how it works and where he's taking it next: https://tympanus.net/codrops/2025/07/29/exploring-the-process-of-building-a-procedural-3d-kitchen-designer-with-three-js/

Explore how Bayer Dithering can create subtle, interactive WebGL backgrounds in this quick tutorial by Seva Dolgopolov.

A great way to add depth and interactivity to your designs without the performance hit: https://tympanus.net/codrops/2025/07/30/interactive-webgl-backgrounds-a-quick-guide-to-bayer-dithering/

What if 'good enough' isn't good enough?

Jack Vanstone of NaughtyDuk© considers what's lost when we rush digital work — and what's gained by choosing precision, performance, and patience.

A look inside the studio's approach: https://tympanus.net/codrops/2025/07/31/quality-over-speed-a-case-for-perfectionism/