Codrops

20 hours agoCommentShare

CodropsThe Craft Behind Memorable Digital Experiences: Inside Unseen Studio | CodropsA look inside Unseen Studio's approach to transforming abstract ideas, hidden stories, and complex concepts into experiences people can explore and remember.

3 days agoCommentShare

CodropsZERO: The Engineering Behind a Defiant Interactive Narrative | CodropsA technical breakdown of the pipeline, rendering techniques, and performance optimizations behind ZERO, an immersive scroll driven WebGL experience built for desktop and mobile.

4 days agoCommentShare

CodropsMeet the Speakers of the First Three.js Conference | CodropsBefore the spheres gather in Paris, we asked a few speakers to share what they're building, what they're thinking about, and one artifact they keep carrying from project to project.

5 days agoCommentShare

CodropsThe Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio | CodropsA behind-the-scenes look at how multiple animation, rendering, and interaction layers were unified into one performant web experience.

7 days agoCommentShare

CodropsWhere Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond | CodropsFor more than 15 years, makemepulse has combined creative storytelling and technical innovation to craft award-winning digital experiences across web, immersive media, and interactive installations.

10 days agoCommentShare

CodropsThe Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques | CodropsFrom swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.

11 days agoCommentShare

CodropsBuilding an Interactive Wave Propagation Cube Grid with Three.js | CodropsA tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.

12 days agoCommentShare

CodropsTen Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary | CodropsThe story behind "Ten Years Away", a scroll-driven interactive comic created to celebrate Studio375's tenth anniversary, from its printed origins to its WebGL implementation.

13 days agoCommentShare

CodropsBuilding a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP | CodropsBuild a cinematic, scroll-driven 3D gallery using a camera path authored in Blender, rendered with Three.js, and animated with GSAP.

18 days agoCommentShare

CodropsFrom Years of Client Work to a Next.js + Sanity Starter Kit | CodropsHow years of refining my workflow became a headless foundation other developers can build on.

19 days agoCommentShare

CodropsSculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court | CodropsExplore the complete 3D workflow behind Stefanos Tsitsipas' digital character, from photogrammetry and rigging to animation and WebGL optimization.

20 days agoCommentShare

CodropsBuilding Persistent Page Transitions with WebGPU and Vanilla JavaScript | CodropsA step-by-step tutorial showing how to build seamless GPU-powered page transitions by combining a persistent WebGPU scene, DOM tracking, and a lightweight vanilla JavaScript router.

21 days agoCommentShare

CodropsInside Bisous: Designing an Editorial Experience for Cinematic CGI | CodropsA behind-the-scenes look at how editorial composition, purposeful motion, and minimalist design create a portfolio that lets cinematic CGI take the spotlight.

24 days agoCommentShare

CodropsEngineering the Web Experience Behind Shopify’s Spring ’26 Edition: Everywhere | CodropsA detailed look at the rendering architecture, custom tooling, and performance techniques behind Shopify's Spring '26 Edition: Everywhere.

25 days agoCommentShare

CodropsShaping Stories into Experience: The Work of Kevin Lam | CodropsA spotlight on Brisbane-based designer Kevin Lam, and his practice of turning brand stories into soulful experiences across digital, print and motion.

26 days agoCommentShare

CodropsTesting What Users Actually See with Vitest and Chromatic | CodropsEditor's note: Today, our friends at Chromatic are sharing an early look at their new visual testing plugin for Vitest.

27 days agoCommentShare

CodropsPodium: Building a Website Where Running Becomes Storytelling | CodropsHow we designed and built a portfolio that preserves cinematic storytelling through rhythm, motion, and restraint.

28 days agoCommentShare

CodropsDesigning Beyond the Surface: How DashDigital Turns Complexity into Clarity | CodropsResearch-led and strategy-driven, DashDigital believes the strongest digital work comes from understanding the problem before creating the solution.

31 days agoCommentShare

CodropsCreative Entrepreneurship: Designing the Machine | CodropsFrom freelancer to multi-studio founder, Lewis Webber's career is built on the idea that taste has to become a system — or it disappears.

32 days agoCommentShare

CodropsExploring 3D Image Rotations on Scroll | CodropsSome ideas for animating images in 3D while scrolling.

33 days agoCommentShare

CodropsAlways Building, Always Learning: Cyd Stumpel’s Journey Through the Modern Web | CodropsFrom award-winning client work to teaching the next generation of developers, Cyd Stumpel shares how curiosity, thoughtful motion, and modern CSS continue to shape her evolving creative practice.

34 days agoCommentShare

CodropsDesigning A Better Lou: Reducing Cognitive Load Through Design, Content, and Systems | CodropsA look at the design, content, and development decisions behind A Better Lou, a healthcare platform built to reduce complexity and improve clarity.

39 days agoCommentShare

CodropsSketching the Impossible: A 3D Portfolio Built Without a Single 3D Model | CodropsHow a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the "correct" way to code and build an infinite corridor out of flat geometry.