GSAP 的替代品
6 个可以替代 GSAP 的工具，2 个可完全替代、4 个部分替代。费用、登录、平台与可访问性都是本站实测或从官网核对的。
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 Motion |
有免费版 | — | 网页 | 待检测 | 同为 JS 动画库，布局过渡、手势、滚动联动都覆盖，API 更简洁，缺 SVG 变形等插件 |
 Anime.js |
免费 | 不用登录 | 网页 | 待检测 | 替代补间与时间线这一块：轻量、API 直观，但没有 ScrollTrigger 级别的滚动叙事插件 |
 mo.js |
免费 | 不用登录 | 网页 | 待检测 | 替代形状与错峰动效这一块：声明式 API 做爆发、错峰顺手，滚动与文字插件缺失 |
 Animate.css |
免费 | 不用登录 | 网页 | 待检测 | 替代入场退场这类简单动效：纯 CSS 类名即用，无需写 JS，但做不了时间线编排 |
 Barba.js |
— | — | 网页 | 待检测 | 替代页面切换过渡这一块：拦截站内链接做进出场动画，不覆盖元素级补间 |
 Motion |
有免费版 | 可选登录 | 网页 | 可以 | 前身 Framer Motion，属性驱动布局与手势动画，React 项目换过来最顺，SVG 路径动画较弱 |
详细介绍
可完全替代 2
Motion
由 Motion Division 出品的开源 Web 动画库，把布局过渡、手势交互、滚动联动和弹簧动画封装成少量 API，在 React、Vue 和原生 JS 中都能用，适合正在做前端项目、想给界面加细腻动效的开发者。同为 JS 动画库，布局过渡、手势、滚动联动都覆盖，API 更简洁，缺 SVG 变形等插件
Motion
开源的 Web 动画库，前身是 Framer Motion，用属性描述状态即可驱动布局、手势与弹簧动画，适合给网页或应用加交互动效的前端开发者。前身 Framer Motion，属性驱动布局与手势动画，React 项目换过来最顺，SVG 路径动画较弱
部分替代 4
Anime.js
由 Julian Garnier 开发的开源 JavaScript 动画库，用 animate 与 createTimeline 统一编排 CSS 变换、SVG 描边和滚动触发动画，适合做落地页和产品展示页的前端开发者精细控制缓动与时间。替代补间与时间线这一块：轻量、API 直观，但没有 ScrollTrigger 级别的滚动叙事插件
mo.js
开源的浏览器端 JavaScript 动画库，用声明式 API 做形状、爆发、错峰等动效，模块化设计支持按需打包，跨分辨率渲染一致，适合前端开发者给按钮、图标和页面切换加动效。替代形状与错峰动效这一块：声明式 API 做爆发、错峰顺手，滚动与文字插件缺失
Animate.css
开源的纯 CSS 动画库，把入场、退场和强调动效写成 keyframes 与类名，加 animate__animated 前缀即可播放，也可只取 @keyframes 接入已有声明，适合前端开发者给标题、弹窗和图片快速加动效。替代入场退场这类简单动效：纯 CSS 类名即用，无需写 JS，但做不了时间线编排
Barba.js
开源的 JavaScript 页面过渡库，拦截站内链接并异步替换页面内容，提供进入、离开等生命周期钩子，可配合 CSS 或 GSAP 编排动画，适合有一定前端基础、想给作品集或品牌站写自定义转场的开发者。替代页面切换过渡这一块：拦截站内链接做进出场动画，不覆盖元素级补间
还有：Lottie（未收录）