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)

Creating Scroll-Driven SVG Map Animations with GSAP

21 May 2026 @ 3:22 pm

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

Made With Gsap: Building a Fun Gravity-Based Mouse Trail

20 May 2026 @ 12:24 pm

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

80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline

19 May 2026 @ 10:52 am

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

Merlin: The Code Boutique Turning Motion Into Digital Magic

18 May 2026 @ 12:12 pm

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

Designing Ourselves: The New Obys Identity and Website

14 May 2026 @ 10:37 am

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.

Exploring the HTML-in-Canvas Proposal

13 May 2026 @ 10:37 am

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

Le:mma Studio: Building the Feeling Behind the Screen

11 May 2026 @ 1:38 pm

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

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.