Can a designer build a real game without coding?

Alex Pierce did — using AI, pixel art, and a lot of patience.

Read the full story: https://tympanus.net/codrops/2025/11/12/blood-sugar-battler-building-a-real-game-as-a-designer-using-ai/

How do you build a brand for an AI dev tool that refuses to blend in?

Metalab takes us behind the scenes of crafting Windsurf's expressive identity — a system shaped by wind, waves, and the feeling of flow.

It's bold, emotional, and yep… it helped set the stage for a $2.4B acquisition.

Dive into the full case study: https://tympanus.net/codrops/?p=104068

What happens when scroll becomes a director's cue?

Joseph Santamaria shows how GSAP powers WebGL cameras, lighting, text beats, and reactive particles to build atmospheric 3D scrollytelling: https://tympanus.net/codrops/2025/11/19/how-to-build-cinematic-3d-scroll-experiences-with-gsap/

Designing for a brand built on 117 years of blade-making comes with some sharp expectations.

In this behind-the-scenes look, mount.inc shows how they captured the essence of KAI's tools — motion-guiding lines, gesture-based scrubbing, and interactions that reveal the care behind every product: https://tympanus.net/codrops/2025/11/20/behind-the-kai-design-dept-experience-webgl-line-blur-video-scrubbing-and-3d-animation/

Hybrid 3D, a unified WebGL canvas, scroll-triggered motion… INK Games’ new site is full of great techniques.

ToyFight® breaks down the build in a super insightful case study: https://tympanus.net/codrops/2025/11/21/one-canvas-to-rule-them-all-how-ink-games-new-site-handles-complex-3d/

We start the week with shining a light on 14islands, a creative agency whose decade-long pursuit of meaningful digital craft has shaped the way design, technology, and culture intersect across our industry.

Dive into their story and explore what fuels their people-first creative vision: https://tympanus.net/codrops/2025/11/24/building-a-different-kind-of-agency-inside-14islands-people-first-creative-vision/

This year, Readymag is refreshing its Websites of the Year award with a more open and transparent format.

Simple criteria, no fees, and a three-part selection that better reflects the work creators put into their sites.

Explore the full story: https://tympanus.net/codrops/?p=105168

...and don’t forget to cast your vote for your favorite. ✨

Forget everything you know about carousels!

These wavy, scroll-powered, shader-bent creations might be the most unique you’ll see all year... and Colin Demouge shows you how to build them!

Learn along: https://tympanus.net/codrops/2025/11/26/creating-wavy-infinite-carousels-in-react-three-fiber-with-glsl-shaders/

Today, Roman Jean-Elie shares how following curiosity with Three.js, R3F & GSAP shaped his incredible portfolio.

From MorphSVG tricks to performance-boosting render callbacks, it's a must-read packed with generous insight: https://tympanus.net/codrops/2025/11/27/letting-the-creative-process-shape-a-webgl-portfolio/

Focus on building, not managing servers.

This BFCM, our partner Cloudways helps you stay in the flow — get 50% off for 3 months on fully managed hosting including 50 free migrations.

Code more. Configure less.

Claim the offer

A refined tribute to Raymond Templier's modernism: Index Studio’s Shopify site turns each jewel into an artwork, using quiet motion, clean photography, and smooth transitions to highlight his geometry and play of light.

Read more

In this weekend read, Ethan Chiu breaks down the composable rendering, material, particle, and transition systems behind The Monolith Project, a massive 13-scene WebGL experience.

Stunning tech and design insights: https://tympanus.net/codrops/2025/11/29/building-the-monolith-composable-rendering-systems-for-a-13-scene-webgl-epic/

Messy ideas → polished prototype in minutes.

Miro AI helps turn rough sketches or screenshots into quick interactive flows — great for fast exploration.

Try it for free: http://miro.pxf.io/YR6Ekj

#MiroPartner

We start the week highlighting Zajno, a rule-breaking studio built on bold ideas, fearless craft and 300+ standout projects.

Their evolution is truly inspirational: https://tympanus.net/codrops/2025/12/01/from-a-founders-restless-urge-to-a-rule-breaking-studio-the-unfiltered-creative-evolution-of-zajno/

How do two portfolios, one process, and a shared creative brain turn into a unified motion story?

Olha Lazarieva and Max Milkin walk through their process, weaving design, motion, and GSAP moments to reveal how digital experiences gain feeling: https://tympanus.net/codrops/2025/12/02/two-portfolios-one-process-where-design-motion-and-code-come-together/

⚡️ Go from Zero to Live in 7 Days! The Anima × Codrops Hackathon is LIVE!

Turn your idea into a live prototype & win Ray-Ban Meta Smart Glasses 👓✨
Every registrant gets 1 month of Anima Pro!

We can’t wait to see what you build!

Learn more

We wrapped up November with 18 outstanding websites added to Webzibition 🙌

A fantastic snapshot of what was released last month!

We can’t wait to see what December brings 😍

If you’re looking for fresh inspiration, don’t forget to check by:
https://tympanus.net/codrops/webzibition/

Today, Robin Navas takes us on a nature-inspired journey that evolves into a polished WebGL experience filled with 3D, shaders, animation, and thoughtful design.

If you enjoy process and experimentation, you'll love this: https://tympanus.net/codrops/?p=103968

From turning illusions into interactive realities to engineering high-performance WebGL systems, Adrián Gubrica brings a uniquely artistic and deeply technical approach to digital experiences.

A standout voice in creative development.

Read his full story

How’s your prototype going? 👀

Halfway through the Zero to Live Hackathon!

Behind? No stress — you can spin up a prototype in minutes with Anima.

More info + discount code: https://tympanus.net/codrops/2025/12/03/zero-to-live-the-anima-x-codrops-hackathon/

What does it really take to build fast, immersive, meticulously crafted digital experiences today?

In our latest studio spotlight, Fiddle.Digital opens up about their journey, philosophy, and the tech behind their craft — from building their own animation engine to engineering high-performance websites and standout interactive work.

Read their story