Anime.js

Anime.js 是一个跑在浏览器里的 JavaScript 动画库，作者是 Julian Garnier。它把网页上能动的元素收进同一套 API：给选择器传一段参数，就能让方块旋转、让元素沿路径移动、让 SVG 线条画出来。相比手写 CSS keyframes 或直接调 Web Animations API，它省掉了拼字符串和算时间差的活。

主要功能

核心是 animate 和 createTimeline 两个入口。前者管单个动画，后者把多段动画排到时间线上，用相对位置控制先后。配套的还有几个工具：stagger 做错峰延迟，createDraggable 让元素可拖拽并带弹簧回弹，onScroll 把动画绑到滚动进度上，createScope 按媒体查询切换参数，SVG 部分支持形状变形、描边绘制和运动路径。

库本身按模块拆分，页面底部列出了各模块体积，完整包约 24.5 KB，只引需要的部分可以更小。

适合谁

适合要写交互动效的前端开发者，尤其是做落地页、产品展示页、数据可视化过渡这类需要精细控制时间与缓动的场景。文档站提供入门、缓动编辑器和示例，上手门槛不高，但要熟悉 JavaScript 和 DOM。

费用与限制

页面写明 Anime.js 完全免费，靠赞助维持。源码在 GitHub 上，通过 npm 安装。它只是代码库，没有可视化编辑界面，动画效果得自己写；浏览器兼容性和具体 API 细节需要查文档。