tympanus.net/codrops

VN:F [1.9.22_1171]
Rating: 8.3/10 (6 votes cast)

Useful resources and inspiration for creative minds (html, css, javascript)

From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio

6 May 2026 @ 9:55 am

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

Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP

5 May 2026 @ 10:59 am

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

4 May 2026 @ 9:32 am

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

2 May 2026 @ 2:12 pm

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

29 April 2026 @ 10:25 am

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

28 April 2026 @ 2:51 pm

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

27 April 2026 @ 2:10 pm

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

24 April 2026 @ 10:33 am

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

23 April 2026 @ 2:30 pm

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

22 April 2026 @ 3:18 pm

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