GSAP

GSAP is one of my go-to animation libraries when I needs precise, timeline-based motion in code. I use it alongside Framer Motion and Rive depending on the job.

What it is

A JavaScript animation library built for control and performance. Handles timelines, easing, sequencing, and complex motion that would be painful to do by hand.

How I use it

• Building custom motion inside Next.js and Frontend Frameworks
• Animating marketing and product surfaces for Duodode
• Sequencing complex interactions that need fine control
• Pairing with Figma designs and Rive assets when linear JS-driven motion is the right fit

Why it fits my workflow

GSAP is a serious tool. It gives me control without fighting the library. For a designer who cares about motion as communication, that control matters.

What it unlocks

• Precise motion that mirrors design intent
• Performance on heavy animation work
• A second option when Framer Motion is not the right fit
• Room to build distinctive product interactions, not default ones

Related

Framer Motion · Motion Design · Interaction Design · JavaScript · Rive · Design Philosophy