Chapter 402: Plugins

Core Idea

A plugin adds extra capabilities to GSAP's core. This allows the GSAP core to remain relatively small and lets you add features only when you need them.

Key Concepts

• GSAP

• CSS properties
• Attributes
• Array Values
• and more...
• "none"
• "power1"
• "power2"

Code Examples

//list as many as you'd like
gsap.registerPlugin(MotionPathPlugin, ScrollTrigger, MorphSVGPlugin);

• What it demonstrates: typical usage of Plugins in a GSAP animation.

Key Takeaways

1. GSAP

2. CSS properties
3. Attributes
4. Array Values
5. and more...

Connects To

• GSAP: related GSAP concept
• ScrollTrigger: related GSAP concept
• ScrollTo: see ch329 — ScrollTo
• ScrollSmoother: related GSAP concept
• SplitText: related GSAP concept