Skip to content
don’t make it ugly
All resources

PackageMotion

GSAP

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

Staff pickFree

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

  • Lenis
    Preview of Lenis

    Lenis

    Smooth scrolling that doesn't fight the browser.

    PackageFreeOpen sourceexcellent agent friendliness
  • Awwwards
    Preview of Awwwards

    Awwwards

    Where the most ambitious, animation-heavy websites get recognised.

    GalleryFreelimited agent friendliness
  • Anime.js
    Preview of Anime.js

    Anime.js

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

    PackageFreeOpen sourceexcellent agent friendliness
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    PackageFreeOpen sourceexcellent agent friendliness
    Staff pick