Barba.js 的替代品
3 个可以替代 Barba.js 的工具。费用、登录、平台与可访问性都是本站实测或从官网核对的。
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 GSAP |
免费 | 可选登录 | 网页 | 待检测 | 替代动画编排这一块：用时间线写转场动画比手写 CSS 更顺，但不负责拦截链接和换页 |
 Animate.css |
免费 | 不用登录 | 网页 | 待检测 | 替代 CSS 过渡这一块：现成类名做淡入淡出，没有链接拦截和生命周期钩子 |
 Motion |
有免费版 | 可选登录 | 网页 | 可以 | 替代过渡动画这一块：属性驱动做页面进出动效，页面切换逻辑仍需自己接 |
详细介绍
部分替代 3
GSAP
由 Webflow 支持的 JavaScript 动画库，用时间线编排 UI、SVG、文字与滚动动效，插件覆盖 ScrollTrigger、MorphSVG 等，适合前端开发者做营销页和品牌官网的精细交互。替代动画编排这一块：用时间线写转场动画比手写 CSS 更顺，但不负责拦截链接和换页
Animate.css
开源的纯 CSS 动画库，把入场、退场和强调动效写成 keyframes 与类名，加 animate__animated 前缀即可播放，也可只取 @keyframes 接入已有声明，适合前端开发者给标题、弹窗和图片快速加动效。替代 CSS 过渡这一块：现成类名做淡入淡出，没有链接拦截和生命周期钩子
Motion
开源的 Web 动画库，前身是 Framer Motion，用属性描述状态即可驱动布局、手势与弹簧动画，适合给网页或应用加交互动效的前端开发者。替代过渡动画这一块：属性驱动做页面进出动效，页面切换逻辑仍需自己接
还有：Swup、Turbo、PJAX（未收录）