GSAP
JavaScriptMotion & animation
The gold standard for smooth, complex animations on the web.
What it does
GSAP (GreenSock Animation Platform) lets you animate anything on a webpage — elements, SVGs, scroll effects — with extreme precision. It's what pros use when CSS animations aren't enough.
When to use it
Use this when you need buttery-smooth animations, scroll-driven effects, or timeline-based sequences.
Real example
You're building an agency landing page and want the hero headline to animate in word by word, then hero image slides up while the user scrolls. Prompt: 'Use GSAP's ScrollTrigger to animate #hero-title word by word on load, then pin #hero-image and fade it in as the user scrolls 200px past it.'
Good to know
Free for most uses. Some plugins (ScrollTrigger, Draggable) are free too. The 'Club' paid tier unlocks advanced plugins like SplitText.
Alternatives
Install
Use cases
Language
JavaScriptCategory
Motion & animation
More in Motion & animation
Other tools in the same category