GSAP 是面向现代 Web 的专业级 JavaScript 动画库，提供高性能补间动画、强大的时间线编排、基于滚动的动画以及丰富的插件生态。
用途：实现网页动画、时间线序列、滚动触发动画、SVG 动画、布局过渡等。
主要能力：核心概念包括 Tween（随时间改变属性的单个动画）、Timeline（精确编排补间的容器）、Ease（速度曲线，默认 power1.out）、ScrollTrigger（将动画绑定到滚动位置）与 Plugin（扩展专用能力）。常用方法有 gsap.to、gsap.from、gsap.fromTo、gsap.set、gsap.timeline、gsap.killTweensOf、gsap.defaults、gsap.registerPlugin、gsap.getById、gsap.matchMedia。
安装与用法：核心库 npm install gsap；React 钩子 npm install @gsap/react。插件需在应用入口注册一次，例如 import gsap from 'gsap'、import { ScrollTrigger } from 'gsap/ScrollTrigger'、gsap.registerPlugin(ScrollTrigger)。基础补间示例：gsap.to('.box', { x: 200, duration: 1 })。时间线可用位置参数控制重叠，如 '-=0.5' 或 '<'。
常见模式：加载淡入、列表错位动画（stagger）、滚动触发动画（配合 scrub）、带控制的时间线（play/reverse/progress）。
限制与注意事项：插件未注册则不生效；React 中应使用 useGSAP 钩子自动清理，避免内存泄漏；同一属性冲突的补间需用 overwrite 或 killTweensOf 处理；DOM 或布局变化后需调用 ScrollTrigger.refresh()；避免对尚不存在的元素做动画，可用 immediateRender: false；from() 会立即渲染可能造成闪烁，可改用 CSS 初始状态或 fromTo；选择器需限定作用域，可用 scope 或 gsap.utils.selector。插件授权方面，ScrollTrigger、Observer、Draggable、Flip、TextPlugin、ScrollTo 为免费，ScrollSmoother、SplitText、DrawSVG、MorphSVG、MotionPath 属 Club 插件。