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 like places.

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.

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 clarity and performance.

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.

False Earth: From WebGL Limits to a WebGPU-Driven World

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.