GSAP 是一套 JavaScript 动画参考文档，面向 HyperFrames 场景，主要说明如何用 GSAP 创建补间与时间线动画。核心方法包括 gsap.to()（从当前状态过渡到目标值）、gsap.from()（用于入场）、gsap.fromTo()（显式指定起止值）以及 gsap.set()（立即应用）。属性使用 camelCase，并建议使用 GSAP 的 transform 别名（x、y、scale、rotation、xPercent 等）代替原始 transform 字符串，透明度建议用 autoAlpha。
常用配置项有 duration、delay、ease（如 power1.out、back.out(1.7)、elastic.out(1,0.3)）、stagger（数值或对象，如 { amount, from }、{ each, from }）、overwrite、repeat、yoyo 以及 onComplete/onStart/onUpdate 回调；支持函数式取值和相对值。可通过返回的 tween 对象执行 pause、play、reverse、kill、progress、time 等播放控制。
时间线部分讲解 gsap.timeline() 的创建、position 参数（绝对秒数、"+=0.5"、"<"、"<0.2" 等）、addLabel() 标签、paused/repeat/yoyo/defaults 选项以及时间线嵌套。文档还给出性能建议：优先动画 transform 与 opacity，避免 width/height/top/left；对高频更新使用 gsap.quickTo()；用 stagger 替代大量独立补间；及时清理动画。gsap.matchMedia() 可按媒体查询运行设置并在不匹配时自动回退，配合 prefers-reduced-motion 支持无障碍。文档还列出常见禁止做法，如布局属性动画、同时使用 svgOrigin 与 transformOrigin、用 delay 链式代替时间线等。安装方式、许可与价格信息暂未提供。