Skip to content
don’t make it ugly
All resources

PackageMotion

GSAP

The professional-grade animation toolkit, now free including all plugins.

Staff pickFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)Read docs (opens in a new tab)

What it is

GSAP (GreenSock Animation Platform) is the animation library behind many award-winning websites. Timelines, ScrollTrigger, SplitText, Flip, MorphSVG and the rest are all free to use since Webflow acquired it. It works in any framework or none.

Why it’s here

When you want the scroll-driven, cinematic stuff you see on Awwwards sites, this is the tool. It's more imperative than Motion, so it suits vanilla JS and complex sequences better than routine React UI.

Best for

  • scroll-driven storytelling
  • complex animation sequences
  • SVG animation
  • marketing sites

Can my agent use this?

Agent excellent agent friendliness

Yes. Docs are extensive and well-structured, source is public, and the npm package includes every plugin. Name the plugin you want, for example ScrollTrigger.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install gsap

Related resources

  • Lenis
    Preview of Lenis

    Lenis

    Smooth scrolling that doesn't fight the browser.

    excellent agent friendlinessPackageFreeOpen source
  • Anime.js
    Preview of Anime.js

    Anime.js

    A lightweight, framework-free animation library with a beautiful API.

    excellent agent friendlinessPackageFreeOpen source
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    excellent agent friendlinessPackageFreeOpen sourceStaff pick
  • Liquid Glass JS
    Preview of Liquid Glass JS

    Liquid Glass JS

    Apple's Liquid Glass look on the web: real-time refraction, blur and masking in WebGL.

    excellent agent friendlinessGitHub repositoryFreeOpen source