gsap
Use when working with GSAP for timeline-based animations, ScrollTrigger scroll effects, text splitting animations, or layout transitions with Flip plugin. Also use when integrating GSAP with React or Next.js using useGSAP hook.
| Model | Source |
|---|---|
| sonnet | pack: frontend |
Full Reference
┏━ 🔧 gsap ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃ Use when working with GSAP for timeline-based … ┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
GreenSock Animation Platform (GSAP) v3.14.x — high-performance JavaScript animation. As of 3.13 (2025), all plugins are free including SplitText, MorphSVG, ScrollSmoother, thanks to Webflow’s sponsorship.
Quick Reference
Section titled “Quick Reference”| Item | Value |
|---|---|
| Version | 3.14.x |
| Install | npm install gsap @gsap/react |
| CDN | https://cdnjs.cloudflare.com/ajax/libs/gsap/3.14.2/gsap.min.js |
| Docs | https://gsap.com/docs/v3/ |
| License | Free — commercial use included |
| React Hook | @gsap/react — useGSAP() |
Reference Index
Section titled “Reference Index”| File | Contents |
|---|---|
reference/setup.md | Installation, plugin registration, Next.js App Router setup, licensing |
reference/core-methods.md | gsap.to(), gsap.from(), gsap.fromTo(), gsap.set(), tween control, callbacks |
reference/timeline.md | Timeline creation, position parameters, labels, complex sequences, timeline control |
reference/scroll-trigger.md | Trigger config, start/end syntax, scrub, pin, snap, toggleActions, batch, parallax, horizontal scroll |
reference/split-text.md | SplitText.create(), autoSplit, onSplit, masking, aria, deepSlice, ScrollTrigger integration |
reference/flip.md | Flip.getState(), Flip.from(), Flip.to(), Flip.fit(), React integration, data-flip-id |
reference/react.md | useGSAP, contextSafe, Strict Mode handling, gsap.context(), SSR guards, lazy loading |
reference/easing.md | Built-in easings, CustomEase, RoughEase, SlowMo, quick reference table |
reference/performance.md | Transform vs layout properties, will-change, batch vs individual, refresh, code splitting |
reference/changelog.md | 3.14.x changes, 3.13 major release notes, pre-3.13 migration guide |
Usage: Read the reference file matching your current task from the index above. Each file is self-contained with code examples and inline gotchas.