In today's fantastic tutorial by Ben Paine, you'll learn how to build seamless WebGPU-powered transitions with vanilla JavaScript, using offscreen rendering, custom shaders, and a clean architecture that's easy to experiment with.

Follow along

Stefanos Tsitsipas is more than one of tennis' biggest stars, and that's exactly what OFF+BRAND set out to capture.

This fascinating case study takes us behind the scenes of creating his digital counterpart, from photogrammetry and rigging to cloth simulation, animation, and meticulous WebGL optimization. Every technical decision served a single goal: capturing the person behind the athlete.

Read the full story

Some projects deserve a spotlight.

Over the years, Edoardo Lunardi refined the same Next.js + Sanity foundation across real client work, solving the recurring problems that came up on project after project. Over time, those hard-earned solutions became a reusable starter kit for other developers.

Today, Edo shares the story behind that journey, the architectural decisions that shaped it, and the lessons he learned along the way.

If you're building with Next.js and Sanity, this is for you.

What begins as a hand-drawn camera path in Blender becomes an immersive journey through 3D space.

In today's tutorial, Gaspard Hedde shows how to transform a Blender camera path into a cinematic, scroll-driven 3D gallery using Three.js and GSAP. Follow along

What do you build when your studio turns ten?

Instead of launching another portfolio, Daniel Bassan and the team at Studio375 created "Ten Years Away", a stunning scroll driven interactive comic that tells the story of a decade through illustration, motion, and thoughtful design.

Today, Daniel shares the creative journey behind the project, from a printed book to an immersive WebGL experience.

We love seeing how different minds solve the same creative challenge 🤩

In CodeTV's latest challenge, three teams had four hours to build the most creative landing page possible. Now the challenge is open to everyone.

Build with Astro + GSAP, deploy on Webflow Cloud, and submit your entry by July 31.

In our latest tutorial, Franky Hung shows how to build an interactive 3D wave grid in Three.js, where ripples propagate across a field of cubes to create a mesmerizing, customizable background effect.

Follow along

The Sleepers is proof that constraints can spark creativity.

Today, Thibaut Foussard shares the lightweight WebGL techniques that shaped its distinctive atmosphere in this behind-the-scenes breakdown.

Few studios move as comfortably between web, XR, games, installations, and storytelling as makemepulse.

For more than 15 years, they've treated every project as an opportunity to invent something new.

Today, they take us behind the work in our latest Studio Spotlight.

From WebGL scenes and GSAP timelines to procedural shaders and real-time audio, Trionn's website is a deep exploration of interactive web experiences.

Go behind the scenes and discover the systems powering this award-winning studio website.

This September, the Three.js community gathers in Paris for the very first Three.js Conference 🎉

We asked some of the speakers what's currently occupying their brains and what they're excited to share in Paris 👀

Meet the full lineup, get to know some of the people behind the talks, and don't miss our exclusive 15% ticket discount. Check it out

How do you turn more than 1GB of production 3D assets into a WebGL experience under 10MB that runs smoothly on mobile?

Today, Sindhur Dutta from BUNQ LABS breaks down the engineering, shaders, and performance techniques behind ZERO, the defiant interactive narrative that's as much an engineering feat as a creative one.

Great digital work has the power to make even the most complex subjects feel intuitive, engaging, and memorable.

In our latest Studio Spotlight, Unseen Studio takes us through the projects, journey, and creative philosophy behind their distinctive approach to digital craft.

What does it take to bring real alpine terrain to the web? 🏔️

Filip Zrnzevic takes us behind the scenes of Ridgeline, exploring how Webflow, the Webflow MCP, Three.js, React Three Fiber and GSAP came together to create a cinematic 3D journey, without sacrificing editability.

Follow along

How do you make serverless AI infrastructure feel tangible?

That was the challenge behind Cerebrium's website, and the result is a beautiful blend of storytelling, 3D, and WebGL.

Célia Lopez and Mathis Biabiany take us behind the scenes.

Some studios have a signature you recognize instantly. Garden Eight is one of them.

Based in Tokyo, they've built a body of work defined by calm, thoughtful interactions and a distinctive sense of flow.

In our latest spotlight, they offer a rare look into their creative process, sharing some of their favorite projects and explaining how design, development, and motion come together as one continuous practice.

Between print and digital, structure and movement, silence and interaction.

FLOT NOIR’s website for architecture studio MERSI turns a generic Webflow foundation into a deeply tailored digital experience.

Clément Merouani shares the story behind the project, with development insights from Thomas Carré.

What does it take to build work that moves people and missions forward?

Step inside Studio Freight’s world to explore their thoughtful approach to strategy, digital experiences, and the craft behind projects for ElevenLabs, Perplexity, Psyop, and more.

Some interactions feel effortless, but they're often made up of several small systems working together.

In today's tutorial, Surya Aditya breaks down an infinite scrolling gallery built with GSAP, from the looping scroll to the parallax, reveal animations, and FLIP transitions.

Follow along

✨ The first Three.js Conference is coming to Paris!

To celebrate, we’re highlighting the incredible creativity of the community with a series of Three.js gems from wonderful people who are generously sharing their experiments, techniques, and creative ideas with us.

First up: Sujen Phea and her endlessly scrolling glass xylophone, a mesmerizing experiment built with Three.js, shaders, fluid simulation, interaction, and sound.

Explore the tutorial and join us for more Three.js inspiration from the community.

🎟️ Going to Paris? Use CODROPS for 15% off your ticket.

Desperate for some truly human-designed website inspiration?

Together with our friends at Readymag, we picked out a collection of websites that are playful, unique, unexpected, and full of personality.

An antidote to the sameness of the web, with a little treat from Readymag waiting for you at the end. Check it out