这是什么
Motion Anything 是 nexu-io 团队推出的开源智能动效引擎,属于 Open Design 生态家族。它主打“描述感受,AI 交付动画”——你只需用一句话描述想要的动效,AI 就会在本地生成可运行的动画页面或视频。

不同于传统动效工具,它完全本地优先、零 npm 依赖、无 watermark、无按次渲染费用,适合创作者和开发者快速产出高质量动效。
适合谁
适合需要为网站、演示、视频或产品界面添加动效的设计师、前端开发者、自媒体创作者,以及希望用 AI 自动化动效流程的 Agent 用户。如果你熟悉 Claude Code、Codex、Cursor 等编程代理,可以轻松上手;即使不熟悉,也能通过预设配方快速获得灵感。
能做什么
- 一句话生成动画:输入“温柔的淡入”或“赛博朋克故障扫描线”,AI 自动生成符合意象的动效页面。
- 组件级动效编辑:在运行中的页面上,逐个组件调整触发方式、动效动词、弹性和关键帧,直观且实时。
- 视频合成器:制作发布视频,支持文字、形状、图片、视频图层,五个场景带转场,可直接导出 MP4/GIF。
- 运动路径:在画布上绘制曲线,元素沿路径运动,支持吸附为直线、圆形或椭圆。
- 丰富动效库:内置 403 个精选动效配方,包含 Kinetic Text、GPU 着色器、Canvas 引擎等,带实时预览。
- 多引擎支持:驱动 8 款编码代理引擎 + BYOK(自带密钥),包括 Claude Code、Codex、Cursor 等。
- 导出兼容:可导出为 JSON、CSS、React、Lottie、MP4、GIF 等多种格式。
使用前准备
你需要一个支持 Agent 的终端或编辑器(如 Claude Code、Codex、Cursor 等),并配置好对应的大模型 API 密钥。同时需要 Node.js 环境(版本未明确,建议使用最新 LTS)。由于项目是本地优先的,所有运行都在你的电脑上完成。
安装方法
README 中并未提供明确的安装命令,但仓库的 Quickstart 徽章标注为“1 command”。通常这类项目会采用克隆仓库后运行启动脚本的方式。建议访问 GitHub 仓库 查看最新的快速开始文档。如果你熟悉该项目的常见模式,可以尝试:
git clone https://github.com/nexu-io/motion-anything.git
cd motion-anything
npm install # 如果存在 package.json
npm run dev # 启动开发环境
具体命令以仓库 README 为准,此处仅作抛砖引玉。
使用示例
启动后,在 Home 界面输入一句动效描述,例如“让标题文字像打字机一样逐字出现”,AI 会生成对应动画。你可以在 Workbench 中点击页面任意组件,添加触发条件和动效预设,或使用关键帧编辑器微调。视频编辑器中可以组合多层内容,制作发布视频,并直接导出 MP4。
风险与注意事项
- 依赖外部 API:虽然项目本身免费开源,但使用 AI 功能需要调用大模型 API,会产生费用,请关注密钥安全。
- 本地占用:需要本地运行 Node 服务,消耗一定内存和 CPU。
- 动效质量:尽管内置“克制预算”,复杂请求可能产生过度动效,建议适量使用并人工审视。
- 版本更新:项目当前最新版本为 v0.1.0,功能仍在迭代,可能存在不稳定情况。