animejs.com/
AN
Anime.js
轻量、快速、与框架无关的 JavaScript 动画引擎（v4）：一套极小的模块化 API 实现 CSS/SVG/DOM/对象动画，内置弹簧物理、拖拽、滚动驱动、时间轴与交错动画。
立即开始了解更多
立即试用
GPT-4o什么是 Anime.js?
Anime.js 是由 Julian Garnier 创建、深受开源社区喜爱（GitHub 7 万+ Star）的快速灵活的全能 JavaScript 网页动画引擎。用一套直观 API 即可驱动 CSS 属性、SVG、DOM 属性与普通 JS 对象。v4 提供完整动画工具箱：弹簧物理与功能完备的 Draggable（拖拽、吸附、甩动、投掷）、按滚动触发/同步动画的 Scroll Observer、强大的时间/数值/时间轴交错（stagger）、用于形状变形/描边/运动路径的 SVG 工具集、用于编排序列的 Timeline，以及按媒体查询做响应式动画的 Scope。它完全模块化、可按需 tree-shaking（完整包约 27KB），npm i animejs 即可安装，100% 免费、MIT 协议，靠赞助维持。
4.8
评分
免费
定价模式
1+
平台
0
收藏
优点
- 极轻极快、不绑定任何框架
- API 简洁直观、易上手
- SVG/滚动/拖拽/弹簧能力强大
- GitHub 7 万+ Star、久经生产验证
- MIT 完全免费、靠赞助维持
- 文档与示例优秀
缺点
- 以原生 JS 为主，官方没有一等公民的 React/Vue 封装
- 复杂协同动画仍需手写代码
- 没有可视化时间轴编辑器
- v4 与 v3 API 有差异，老项目需迁移
同类工具对比
| 功能 | Anime.js | PGVector | Semantic Kernel | Warp |
|---|---|---|---|---|
| 评分 | 4.8 | 4.1 | 4.8 | 4.8 |
| 定价模式 | 免费 | 免费 | 免费 | 免费 |
| 起价 | — | Free | Free | Free |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
前
前端工程师
为任意 Web 应用添加顺滑的微交互与过渡。
营
营销/落地页
制作滚动驱动、冲击力强的首屏与区块动画。
数
数据可视化开发者
驱动 SVG 图表、形状变形与路径描绘。
创
创意开发者
用拖拽与弹簧打造互动作品集、小游戏与生成艺术。
会
会写代码的动效设计师
把动效构想变成精确可控的网页动画。
开发者
Julian Garnier
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
English, 中文
更新于
2026-09-06
常见问题
完全免费，采用 MIT 协议，依靠赞助维护。