工具 / Remotion

Remotion

  • framework
  • video
  • react

用 React 组件编程式生成 MP4 视频的框架

Remotion 把 React 的组件模型搬到视频创作上:用 JSX 写画面、CSS 做样式、React hooks 驱动动画,在 Remotion Studio 里实时预览每一帧,最终渲染成 MP4、WebM、GIF 或 PNG 序列。底层利用 Canvas、SVG、WebGL 等 Web 技术做渲染,渲染可跑在本地、服务器或通过 Remotion Lambda 做 serverless 批量产出。 它提供一套围绕视频工作流的产品线:Studio 是带时间轴的本地编辑器,Player 是可嵌入 React 应用的动态视频播放组件,Lambda 和 Cloud Run 支持服务端与 serverless 渲染,Editor Starter 是面向视频编辑类 SaaS 的付费模板。Remotion 也为 AI 编码 agent 提供了 Skills 和 prompt-to-video 模板,文档对 AI agent 做了 Markdown 抓取优化。 许可证分两档:个人及 3 人以下团队免费商用,超过则需购买公司授权。

社区实测

Remotion 是 React 可编程视频的先行者,但社区实测中因其框架绑定、搭建门槛和 SSR 依赖,催生了多个跨框架、免 SSR 的替代品。

  • 用代码(React 组件模型)程序化生成视频
  • 上手需自行搭建 bundler 等环境,存在门槛(有用户因此放弃尝试)
  • 绑定 React 生态,无法跨框架使用
  • 依赖服务端渲染(SSR),无法纯浏览器端完成渲染

截至 2026-07-19

npx create-video@latest

← 返回工具列表