Development · Website
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.
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: Delivers smooth, cross-browser performance capable of animating virtually any element or property that JavaScript can manipulate.
- @frontendjoe: The industry standard for complex, high-performance web animations, scroll-driven storytelling, and SVG morphing with cross-browser compatibility.
Compare
Related
Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements
Open-source animation library for React, Vue, and vanilla JavaScript
Low-level JavaScript animation library for spring, inertia, and keyframe animations
Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations.
A curated list of seven modern UI component libraries for web apps
Micro-interaction and transition UI component library built with React and Motion
Updated