A little Sunday inspiration ✨

New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins.

What makes a digital experience feel truly human?

We're so stoked to spotlight Exo Ape today. A studio driven by narrative, motion, and the belief that the most powerful digital journeys are crafted slowly, with care, character, and a very human touch.

Dive in

In today's tutorial, Sujen Phea shows how to build a GPU-enhanced procedural snake in Three.js, where organic motion emerges from steering behaviors, endless Bézier curves, and shader-driven rendering. 🐍

Follow along

From burnout to building the work he always wanted.

In our latest Designer Spotlight, Jordan Gilroy shares how learning Webflow gave him back control — and reignited his love for design.

An inspiring story about doubt, growth, and starting again. Read it here

Minimal design doesn’t mean static.

A deep, insight-rich behind-the-build of the award-winning 1820 Productions site by Balky Studio. Designed by Williams Alamu and developed by Carter Ogunsola, it's built on Webflow and brought to life with GSAP, with plenty of thoughtful craft under the hood.

The perfect weekend read

Since 2006, Metalab has helped build some of the internet's most familiar products.

In our latest Studio Spotlight, their team shares how they've shipped 475+ products by combining craft-first design, durable systems, and hands-on execution. Read it here

Our latest tutorial by Matis Dené explores a scroll-driven, infinitely looping 3D image tube built with React Three Fiber.

You'll learn shader-based deformation, inertial motion, seamless looping, and how to sync DOM and WebGL into one cohesive motion system. Read it here

In this new case study, Joffrey Spitzer walks through the making of his minimalist Astro + GSAP portfolio shaped by precise motion, refined text reveals, and smooth, considered transitions.

Packed with thoughtful, practical code examples. Read it here

In this in-depth tutorial, David Faure shows how to build a smooth horizontal parallax gallery from a clean DOM/CSS/JS setup to a GPU-powered WebGL (Three.js) version with shaders for that extra-fluid feel!

Follow along

Brooklyn grit. Darkroom tones. Italic rebellion.

In our latest case study, Serhii Polyvanyi of BL/S® walks us through the making of Jason Bergh’s cinematic portfolio — built in Webflow, driven by GSAP, and shaped by film-cut transitions with UI details pulled from the edge of a 35mm strip.

A masterclass in mood-driven web design. Read it here

Composite rendering in WebGL goes far beyond post-processing.

Jeremy Chang from Active Theory breaks down render targets, fullscreen passes, and shader-driven transitions — and shows how to architect scalable Three.js experiences. Read it here

Today, we have Matt Greenberg breaking down how he turned a flat product grid into a spatial 3D experience with React Three Fiber and custom GLSL, focusing on damping instead of timelines, mutable refs over React state, and an architecture that maintains 60fps. Read it here

Architecture meets motion.

Grégory Lallé and Thomas Monavon share how Telha Clarke's new identity became a refined, scroll-driven experience powered by GSAP & smart UI decisions. Read it here

In our latest tutorial by Valentin Mor you'll learn how to build a lightweight SPA router with true async crossfade page transitions using Vanilla JavaScript, GSAP, and Vite — no framework required.

Check it out

Today, Gabriel Norman shares his journey, from teenage 3D experiments inspired by gaming culture to crafting award-winning WebGL experiences for some of the world’s most iconic luxury brands.

A story about motion, typography, creative growth, and finding your own rhythm in code. Read it here

The very first Three.js Conference is happening and we’re SO proud to support it as official sponsors 💙

Three.js has shaped the creative web for years and, in many ways, shaped Codrops too.

Massive respect to David Ronai (@Makio64), who’s organizing the entire conference, and to Hervé Studio for bringing threejs.paris to life together with him.

To celebrate, David takes us behind the scenes of the site, where the community literally becomes the UI.

Don't miss this epic moment and fantastic deep dive.

And if you care about this community as much as we do, consider joining as a sponsor and supporting it!

We are kicking off the week with an epic tutorial by Theo Plawinski 🔥

Build a scroll-driven animated grid with GSAP's ScrollTrigger & Lenis and learn how to structure layout, timelines, and scroll progress into one cohesive system.

Follow along

How do you design a culture-driven digital capsule?

Gil Huybrecht & Jesper Landberg break down the making of "The Lookback" for Better Off® Studio — from GSAP flip transitions to infinite scroll and a surf-inspired 3D view.

Read the case study

What if designers could work with WebGL shaders visually?

In today's article, Unicorn Studio creator George Hastings shares the story behind the tool and how it makes expressive, interactive graphics possible directly in the browser. Read it here

What happens when Swiss editorial design meets WebGL experiments?

Corentin Bernadou shares the story behind his redesigned portfolio, from notebook sketches to Three.js geometries, GSAP motion, and playful grid interactions.

A great case study on balancing design and experimentation. Read it here

Small team. Big ideas.

In this studio spotlight, Obys shares how their small team approaches big digital projects, using storytelling, structure, and thoughtful design systems.

Read the full story