不再逐帧调关键帧,不再等 AI 生成模糊像素。用自然语言描述动画意图,AI 生成确定性代码,渲染出 4K/60fps 专业级动效视频。
传统 AI 视频逐帧预测像素,文字会糊、元素会飘、不可编辑。
Vibe Motion 让 AI 生成 Remotion 代码——数学定义运动,确定性渲染,每一帧都精确。
从自然语言到 MP4 视频,中间是可审查、可编辑、可版本控制的代码。
用自然语言描述你想要的动画效果。"一只绿色蜥蜴从左侧滑入,尾巴摆动,舌头弹射捕捉萤火虫"
Claude / GPT 将创意意图翻译为 Remotion React 组件代码,包含 spring 动画、插值、序列编排
Remotion Studio 在浏览器中实时预览,可拖拽时间轴、逐帧检查、热更新代码修改
一行命令渲染为 MP4/GIF/WebM,支持 4K 分辨率、60fps、透明通道,可批量生成万级变体
你说"蜥蜴摆尾",AI 生成这样的代码——数学精确、完全可控。
Vibe Motion 不是一个工具,而是一个由开源项目构成的创作范式。以下是你需要关注的核心项目。
用 React 编程式生成视频。支持 CSS/Canvas/SVG/WebGL,确定性逐帧渲染,可本地或云端批量生成。Higgsfield Vibe Motion 就是基于它。
npm 月下载 3000万+,最主流的 React 动画库。已官方支持 AI Vibe Coding 工作流,Motion Studio 插件可在 VS Code 中实时编辑动画。
用 TypeScript 创建教育动画和解释视频,类似 3Blue1Brown 的 Manim 但基于 Web 技术栈。内置可视化编辑器和时间轴。
开源复现 OpenAI Sora,11B 参数,支持 text/image/video-to-video。与 Vibe Motion 代码生成互补——适合真实场景视频,不适合精确图形动画。
3Blue1Brown 创造的数学动画引擎,Python 编写。适合数学公式推导、数据可视化、教育内容。社区版 MIT 协议。
可视化编辑器 + 状态机驱动,适合做 App 内交互动画(按钮微动效、加载动画、游戏 UI)。运行时开源,编辑器免费使用。
不同场景用不同工具,以下是核心维度对比。
| 维度 | Remotion | Motion Canvas | Motion (Framer) | Open-Sora | After Effects |
|---|---|---|---|---|---|
| AI Vibe Coding | ★★★ | ★★☆ | ★★★ | ★☆☆ | — |
| 输出格式 | MP4/GIF/WebM | MP4 | 网页动画 | MP4 | 全格式 |
| 分辨率 | 无限制 (4K+) | 无限制 | N/A (实时) | 720p | 无限制 |
| 文字精度 | 像素级精确 | 像素级精确 | 像素级精确 | 模糊/变形 | 精确 |
| 学习曲线 | React 基础 | TypeScript | React 基础 | Python/GPU | 数月~年 |
| 批量生成 | ✓ 参数化 | ✓ | ✕ | ✓ | 手动 |
| GPU 需求 | 不需要 | 不需要 | 不需要 | A100 级 | 推荐有 |
| 开源协议 | 个人免费 | MIT | MIT | Apache 2.0 | 商业 |
Vibe Motion 的代码生成模式在以下场景尤其强大:
10 分钟生成品牌一致的动效视频,支持批量生成万级个性化变体。传统制作需数万元 + 数周。
类似 3Blue1Brown 的数学动画,用 Remotion/Manim + AI 快速生成算法可视化、物理模拟、概念讲解。
将报表数据转化为动态图表视频,支持 API 驱动自动更新。年报、季度汇报、实时仪表盘录制。
Replit 等公司已用 Vibe Motion 制作产品 launch 视频。终端打字动画、代码高亮、截图飞入——10 分钟搞定。
Rive 状态机 + Motion 弹簧动画,做按钮反馈、加载指示器、成就解锁动画。运行时开源跨平台。
代码即视频——纳入 Git 版本控制,PR review 审查动画变更,CI 自动渲染输出。视频生产变成 git commit。
Jonny Burger 在苏黎世创建 Remotion,提出"用 React 写视频"的理念。开源社区开始关注代码生成视频的可能性。
TypeScript 版的 Manim 问世,填补了 Web 开发者制作教育动画的空白。
OpenAI 联合创始人定义了这个概念:用自然语言和 AI 协作写代码,而不是手动逐行编写。
Remotion Agent Skill 上线 8 周达到 15 万安装量,成为 skills.sh 上 #1 视频技能。视频制作变成了 "git commit"。
将 Claude + Remotion 包装成无代码产品,$17.4/月起。正式定义了 "Vibe Motion" 这个品类——AI 驱动的代码生成动效。
Replit 推出 Vibe Code Videos、Motion.dev 集成 AI Vibe Coding、Cursor 内置 Motion Studio。代码生成动效从小众走向主流。
不需要 GPU,不需要 After Effects,只需要 Node.js + 你的想象力。
一行命令初始化 Remotion 项目
pnpm create video@latest
用 Claude Code 描述你想要的效果
"做一只蜥蜴摆尾动画"
浏览器预览,一键导出 MP4
pnpm build → out/video.mp4