Remotion
用 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),无法纯浏览器端完成渲染
Best Remotion Alternative for making videos ...Created Open Source alternative to Remotion, but platform ...Open source remotion alternative that works with any ...Show HN: Make AI motion videos with text | Hacker NewsHow is this different to / better than remotion.dev? | Hacker News
截至 2026-07-19
npx create-video@latest npm i remotion @remotion/cli