A wildly robust JavaScript animation library built for professionals

Animate Anything

GSAP Overview

This chart provides a comprehensive view of the GSAP ecosystem, indicating which features are part of GSAP's core, which are files are hosted on the public CDN, and which are exclusively accessible to Club GSAP members.

Each tool is conveniently linked to its respective documentation.

Included in GSAP's core

• GSAP

  
  Tween and Timeline

Animate anything

• CSS properties
• Attributes
• Array Values
• and more...

Animate efficiently

• Staggers
• Callbacks
• Snapping
• Modifiers
• Keyframes
• Ticker with lag smoothing
• Responsive - matchMedia()
• Cleanup - context() & revert()

Eases

• "none"
• "power1"
• "power2"
• "power3"
• "power4"
• "back"
• "bounce"
• "circ"
• "elastic"
• "expo"
• "sine"
• "steps(n)"

Utility Methods

• checkPrefix()
• clamp()
• distribute()
• getUnit()
• interpolate()
• mapRange()
• normalize()
• pipe()
• random()
• selector()
• shuffle()
• snap()
• splitColor()
• toArray()
• unitize()
• wrap()
• wrapYoyo()

Free* Plugins

• Draggable
• Easel
• Flip
• MotionPath
• Observer
• Pixi
• ScrollTo
• ScrollTrigger
• Text

Free* Eases

• "rough()"
• "slow()"
• "expoScale()"
• "CustomEase()"

Club GSAP

• DrawSVG
• Physics2D
• PhysicsProps
• ScrambleText
• CustomBounce
• Requires CustomEase
• CustomWiggle
• Requires CustomEase
• GSDevTools
• Inertia
• MorphSVG
• MotionPathHelper
• ScrollSmoother
• SplitText
• Commercial license

Try for free on CodePen