gsap-plugins - Use GSAP plugins for motion and interaction
Provides guidance for registering and using GSAP plugins for scrolling, layout transitions, dragging, text, SVG, physics, easing, and developer tools.
Tags
Updated: 2026-10-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Register GSAP plugins
- Animate scroll positions
- Smooth native scrolling
- Animate layout transitions
- Enable draggable elements
- Apply inertia effects
- Normalize pointer input
- Split text elements
- Animate SVG graphics
- Configure easing plugins
- Use GSDevTools
Inputs
- GSAP plugin imports
- Plugin configuration
- DOM elements
- Scroll targets
- Layout state changes
- Pointer or scroll input
- Text content
- SVG elements
Outputs
- Registered plugin state
- Animated scroll positions
- Smooth scrolling behavior
- Animated layout transitions
- Draggable or throwable elements
- Inertial motion
- Gesture callbacks
- Split text markup
- SVG animations
- Easing animations
- GSDevTools state
Requirements
- GSAP npm package
- Plugin registration before use
- ScrollTrigger for ScrollSmoother