GSAP 是面向现代 Web 的专业级 JavaScript 动画库，提供高性能补间动画、时间线编排、基于滚动的动画以及丰富的插件生态。本资料为 GSAP 最佳实践技能，面向实现网页动画、时间线排序、滚动触发动画、SVG 动画、布局过渡等场景。
安装：核心库使用 npm install gsap，React hook 使用 npm install @gsap/react。插件需在应用入口注册一次，例如 import gsap from 'gsap'、import { ScrollTrigger } from 'gsap/ScrollTrigger'、gsap.registerPlugin(ScrollTrigger)。
主要能力：gsap.to 实现补间，gsap.from 实现入场，gsap.fromTo 显式控制起止，gsap.set 立即赋值；timeline 支持精确定位、标签与嵌套；ScrollTrigger 将动画绑定滚动位置，支持 pin、scrub、snap；stagger 支持错落与网格分布；工具函数含 toArray、clamp、interpolate；另有 ScrollSmoother、SplitText、DrawSVG、MorphSVG、MotionPath、Flip、Observer、Draggable、TextPlugin 等插件，其中部分为 Club 授权。
使用方式与限制：避免未注册插件就调用、React 中未清理导致内存泄漏、两个补间争抢同一属性、布局变化后未调用 ScrollTrigger.refresh()、动画目标尚不存在于 DOM、from() 立即渲染造成闪烁、选择器未限定范围影响全页。React 建议使用 useGSAP 钩子并设置 scope 容器。资料未提供具体价格与完整平台支持信息，暂未提供。