Codrops

How 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.

An inside look at how we built Horeca’s motion system in Webflow, from scroll-triggered animations and sticky layouts to performance tuning, mobile optimization, and production-ready architecture.

How we turned a small archive of stamp illustrations into a tactile web experience with draggable stamps, a shader-based loupe, and a postcard feedback dialog.

Exploring the philosophy, projects, and process behind a studio that treats every brief as a new path to uncover.

What rebuilding the Lesse Studio website taught us about self-hosting, performance, and choosing tools with intention.

A creative exploration of GSAP MotionPath, where stacked thumbnails unfold into a flowing image strip through curved trajectories.

From self-taught beginnings to real client work, I share my journey, key projects, and the challenges that shaped my approach to building interactive experiences.

Through branding, immersive web experiences, and 3D design, Beaucoup explores new ways to make brands feel memorable.

Personalized digital spaces designed with care and emotional intention may offer a new way to support self-awareness, emotional growth, and the processing of difficult experiences in an increasingly AI-driven world.

Most pages end when you stop scrolling. This one doesn’t. Learn how to build a seamless infinite scroll with a layered parallax depth effect.

An exploration of the meticulously messy hunt for a project’s digital signature: the singular, reactive behavior that makes a brand feel unforgettable.

A step-by-step guide to building a scroll-driven 3D cube gallery in Webflow with GSAP animations and CMS-powered content.

A tutorial on building cinematic scroll-driven SVG map animations with GSAP using path drawing, motion tracking, and smooth camera movement.

A creative GSAP experiment where images cascade from the mouse position and rebound off the bottom of the screen with satisfying motion.

How we built the scroll-driven WebGPU pipeline behind Shader.se, from selective scene rendering to seamless scene transitions using React Three Fiber.

A code boutique from Amsterdam crafting high-performance digital experiences where motion, technology, and design become one seamless language.

An inside look at the new Obys – from rethinking our identity to building a system where type, motion, and structure work as one, shaping a more precise and consistent experience.

A look at the HTML-in-Canvas proposal, how it works, and what it enables with a few practical demos.

Between rhythm, atmosphere, and digital craft, Le:mma Studio explores how the web can feel cinematic, emotional, and deeply human.

A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.

How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP.

In a digital world increasingly shaped by templates and automated systems, we still believe in the power of crafted experiences.

A two-year journey to create a layered, engaging portfolio beyond the traditional gallery.

From painting to immersive design, Sofia Papadopoulou’s path reflects a constant evolution across mediums.

A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.

A two-person studio working between Bristol and Paris, redefining web design by crafting immersive, spatial experiences that feel less like pages and more like places.

A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.

A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance.

A playful GSAP menu demo exploring how easeReverse makes reversed UI animations feel smoother, snappier, and more intentional.

A deep dive into building an infinite procedural landscape using WebGPU and Three.js, where compute shaders and indirect drawing bring millions of interactive grass blades to life.

A step by step tutorial on creating an immersive Moon story in Instorier with motion, interaction, and 3D scene building.

A story of how sharing experiments, studying shaders, and pushing animation further helped shape a distinct motion practice.

A deep dive into four cinematic scenes, exploring how film-inspired ideas evolved into a cohesive and immersive portfolio experience.

What began with one person teaching himself to make things grew into a creative practice shaped by curiosity, persistence, and the urge to push digital work further.

A case study on how motion, interaction, and scroll-driven design turned the Exat microsite into an expressive showcase for contemporary type.

How one direct message opened the door to my first SOTD and shaped my journey as a creative developer.

Follow along as we build page transitions in Astro with Barba.js and GSAP, from the initial setup to a working animated transition flow.

More than a year of iteration, motion studies, and technical refinement went into shaping R—K ’26 into a portfolio where identity, rhythm, and interaction work as one.

A behind-the-scenes look at how we built Maxima Therapy with playful interactions, creative code, and a little AI help along the way.

How obsessing over craft, code quality, and the details nobody notices shaped a decade of creative frontend work.

A step-by-step breakdown of how I built a Three.js visual explainer on dithering by animating 160,000 cubes with custom shaders.

An exploration of how reusable GSAP animations, custom text transitions, and fluid WebGL interactions shape a distinctive portfolio experience.

A look at how Malvah.Studio creates distinctive brand experiences for businesses looking beyond the ordinary.

From fluid simulations to bold microinteractions, this edition showcases vibrant animation and visual storytelling from across the creative web.

A refined case study on how Pell Mell reimagines creative discovery through immersive scrolling, restrained interactions, editorial-inspired design, and a performance-conscious visual system.

After a decade designing websites, María Vargas shares how gaming unexpectedly became the next chapter of her career.

Designed as a digital landscape to explore, San Rita’s portfolio combines 3D terrain, vintage map textures, and immersive motion with a strong sense of place.

Learn how to use Three.js to blend two scenes with a fluid simulation, creating a smooth, dynamic reveal effect.

How I stopped chasing references and built a portfolio that actually feels like me.

Because behind every interface is a real person, and behind every interaction is a feeling.