gsap
CommunityCraft performant GSAP animations.
Authorsreejithraman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Animations that are hard to clean up or optimize hamper UX and performance. This Skill provides GSAP setup, ScrollTrigger usage, and robust cleanup patterns.
Core Features & Use Cases
- GSAP Setup: Centralized plugin registration
- Animation Methods: to/from/to, with proper lifecycle
- ScrollTrigger: Scrub, markers (debug), and timeline coordination
- Cleanup: Revert contexts and kill triggers to avoid leaks
- Use Case: Animate multiple elements on scroll with a clean, centralized cleanup strategy.
Quick Start
Initialize GSAP with a ScrollTrigger-based animation for elements with class '.fade-in' and enable development markers.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: gsap Download link: https://github.com/sreejithraman/shayna/archive/main.zip#gsap Please download this .zip file, extract it, and install it in the .claude/skills/ directory.