From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio
A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.
Codrops Articles
Updated 5 min ago · 10 articles from Codrops
Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP
How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP.
Akaru: Crafting Precision-Driven Digital Experiences
In a digital world increasingly shaped by templates and automated systems, we still believe in the power of crafted experiences.
Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience
A two-year journey to create a layered, engaging portfolio beyond the traditional gallery.
Between Human and Machine: Sofia Papadopoulou’s Approach to Augmented Creativity
From painting to immersive design, Sofia Papadopoulou’s path reflects a constant evolution across mediums.
More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say
A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.
Rhumb Studio: Small but Mighty, Shaped by Curiosity
A two-person studio working between Bristol and Paris, redefining web design by crafting immersive, spatial experiences that feel less like pages and more li...
Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders
A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.
Ad
Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience
A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing c...
A Playful Clip Menu with GSAP’s easeReverse
A playful GSAP menu demo exploring how easeReverse makes reversed UI animations feel smoother, snappier, and more intentional.
