Back
GSAP
GSAP, or GreenSock Animation Platform, is a powerful JavaScript library for creating high-performance animations for the web. GSAP provides a robust set of tools and features for animating HTML elements, SVG, and more. It is known for its ease of use, flexibility, and excellent performance compared to other animation libraries.

Here are some key features and concepts associated with GSAP:
- TweenMax and TweenLite:
- GSAP provides two main animation classes, TweenMax and TweenLite, which are used to create tweens (animations) on HTML elements.
- TweenMax is the more feature-rich version, while TweenLite is a lighter version with fewer features.
- TimelineMax and TimelineLite:
- Timelines in GSAP allow you to sequence and control multiple tweens.
- TimelineMax is the extended version with more features, and TimelineLite is the lighter version.
- Plugins
- GSAP has a plugin architecture that allows you to extend its capabilities. There are plugins for specific tasks like scrolling, draggable elements, physics-based animations, etc.
- SVG Animations:
- GSAP supports animating SVG elements, making it a powerful tool for creating interactive and dynamic SVG-based graphics.