Development · Website

GSAP

High-performance JavaScript animation library for web elements, SVG, and canvas.

Visit gsap.com ↗

GSAP (GreenSock Animation Platform) is a JavaScript animation library designed to handle complex web animations smoothly across all modern browsers. It can animate DOM elements, SVGs, canvas, and generic JavaScript object properties with high precision. It is widely considered an industry standard for scroll-driven animations and interactive UI sequences.

What it's for

  • Build scroll-driven storytelling animations using ScrollTrigger
  • Morph complex SVG shapes and paths seamlessly
  • Choreograph sequential UI interactions and timeline animations
  • Animate WebGL or canvas properties alongside standard DOM elements

Features

  • Timeline sequencing for complex multi-step animations
  • ScrollTrigger plugin for scroll-based triggers and scrubbed animations
  • Cross-browser normalization for CSS transforms and SVG properties
  • Custom easing curves and timing functions
  • SVG morphing and path animation capabilities
  • Framework-agnostic integration with React, Vue, and vanilla JavaScript

Pricing

Freemium. Free for most uses; paid Club GreenSock membership for commercial licenses and select bonus plugins.

Details

Type
Website
Category
Development
Topic
Animation Libraries
Open source
No
Platforms
Web, Code library
For
Front-end developers, creative developers, and web designers.
Alternative to
Framer Motion, Anime.js, Motion One
Tags
javascript, animation, web development, frontend, greensock, svg

Why it was saved

  • @kalypsodesigns, 7 May 2025: Delivers smooth, cross-browser performance capable of animating virtually any element or property that JavaScript can manipulate.
  • @frontendjoe, 12 November 2023: The industry standard for complex, high-performance web animations, scroll-driven storytelling, and SVG morphing with cross-browser compatibility.

Compare

Related

  • Anime.js

    Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • Popmotion

    Low-level JavaScript animation library for spring, inertia, and keyframe animations

  • NumberFlow

    Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations.

  • 7 UI Libraries You'll Actually Ship With

    A curated list of seven modern UI component libraries for web apps

  • Amicro

    Micro-interaction and transition UI component library built with React and Motion

Updated