GSAP

What is GSAP?

GSAP, the GreenSock Animation Platform, is a JavaScript library for animating anything on a web page. It moves DOM elements, SVG, canvas, and CSS properties with a timeline-based API that gives precise control over sequencing, timing, and easing. It works with any framework or none, which sets it apart from React-bound libraries.

GreenSock has been refining animation tooling since the Flash era, and GSAP carried that craft into the modern web. It is known for performance and for handling things browsers struggle with, like smoothly animating SVG paths or coordinating dozens of elements on one timeline. Its ScrollTrigger plugin, which ties animation progress to scroll position, powers a huge share of the scroll-driven storytelling sites you see in award galleries. An agency building an immersive product launch page where graphics assemble as you scroll is almost certainly using ScrollTrigger. In 2024 Webflow acquired GreenSock and made the full toolset, including previously paid plugins, free for everyone.

Compared with Framer Motion, GSAP is framework-agnostic and excels at complex, timeline-heavy sequences. Framer Motion fits more naturally inside React component state. The choice usually comes down to how cinematic the motion needs to be and what the rest of the stack looks like.

GSAP at Dallonses

We reach for GSAP when a project calls for motion that goes beyond a tasteful transition, the scroll-driven, sequenced, narrative kind. Its timeline model lets us choreograph many moving parts and keep them in sync, which is hard to do cleanly any other way.

This is where our web development and design work meet most closely. We prototype the motion early, test it on real devices, and tune it until it feels intentional rather than showy. When a partner wants a site that people remember scrolling through, GSAP is often how we get there.

Want motion that turns a page into an experience? Let's build it together.

Talk to us about motion