GSAP
About
Professional-grade JavaScript animation library powering 11M+ websites, known for blazing performance and ScrollTrigger scroll animations — free to use with commercial licensing based on user count
Supported Platforms
Available platforms include Web App and API.
Key Features
Pricing
Use Cases
Pros
Cons
Latest Update
2026-07: GSAP continues as the leading web animation library with active development
Get Started in 5 Steps
Get started in 5 steps
Get Started in 5 Steps
Get started in 5 steps
Install via npm
Add GSAP to your project using npm or yarn.
npm install gsapImport GSAP
Import GSAP into your JavaScript file.
import { gsap } from "gsap";Create a basic animation
Animate any element with a simple tween.
gsap.to(".box", { x: 200, duration: 1, rotation: 360 });Add ScrollTrigger
Trigger animations based on scroll position.
gsap.to(".section", { scrollTrigger: ".section", y: -100, opacity: 1 });Build a timeline
Sequence multiple animations with a timeline.
const tl = gsap.timeline(); tl.to(".a", { x: 100 }).to(".b", { y: 50 });Related Design & Creative Tools
Built-in AI design assistant in Canva for generating posters, presentations and more
Built-in AI design features in Figma including one-click prototyping, auto layout, smart layer renaming and more
Agentic creative studio by Tencent Design with image/video/UI/3D generation and persistent memory
AI-powered design-and-publish platform: design responsive sites on a canvas and ship them in one click, with AI that generates pages from prompts, localization and A/B testing, plus built-in CMS, SEO and global CDN hosting — free to start, Basic from $10/month