# GSAP

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

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.

Website: https://gsap.com/

## What it is 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](https://xiry.app/topics/development.md)
- 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](https://www.instagram.com/p/DJWFDHhzGzl/): Delivers smooth, cross-browser performance capable of animating virtually any element or property that JavaScript can manipulate.
- [@frontendjoe, 12 November 2023](https://www.instagram.com/reel/CzjJ5OutLw1/): The industry standard for complex, high-performance web animations, scroll-driven storytelling, and SVG morphing with cross-browser compatibility.

## Compare

- [Alternatives to Framer Motion](https://xiry.app/alternatives/framer-motion.md)

## Related

- [Anime.js](https://xiry.app/resources/anime-js): Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements (Website, Open source)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [Popmotion](https://xiry.app/resources/popmotion): Low-level JavaScript animation library for spring, inertia, and keyframe animations (Website, Open source)
- [NumberFlow](https://xiry.app/resources/numberflow-2047): Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations. (Web app, Open source)
- [7 UI Libraries You'll Actually Ship With](https://xiry.app/resources/7-ui-libraries-you-ll-actually-ship-with): A curated list of seven modern UI component libraries for web apps (List, Free)
- [Amicro](https://xiry.app/resources/amicro): Micro-interaction and transition UI component library built with React and Motion (Web app)

Updated 3 October 2026. Page: https://xiry.app/resources/gsap

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.