一个用于可预测、可维护的全局状态管理的 JavaScript 库，可与 React 或其他视图库搭配使用。
6.1万1.5万TypeScriptMIT更新于 昨天
- Star
- 66,055
- Fork
- 5,285
- 未关闭 Issue
- 177
- 最近提交
- 1小时前
这是什么？
Remotion 允许开发者用 React 组件来制作视频。每一帧都由普通的 React 代码渲染，因此动画、数据驱动的内容和可复用模板都可以像普通网页界面一样编写并纳入版本管理。
项目覆盖完整流程：可以借助编程 Agent 或交互式编辑器创建视频，同一份 React 代码既能在自有服务器上渲染，也能通过 AWS Lambda、Vercel 沙箱渲染，或在浏览器端客户端渲染。另外还提供 Player 组件，便于在应用中嵌入视频预览。
工具集包含形状、转场、字幕、字体、音效和编辑器起步模板等组件，适合需要从同一代码库批量产出视频的团队，例如批量渲染或维护动画素材库。
核心功能
- 01以 React 组件的方式编写视频，按帧控制时序。
- 02支持在自有 Node.js 服务器、AWS Lambda 或 Vercel 沙箱中渲染。
- 03支持浏览器端客户端渲染。
- 04提供 Player 组件，可在应用中嵌入视频预览。
- 05内置形状、转场、字幕、字体和音效等组件。
- 06可配合编程 Agent 与交互式编辑工作流使用。
适用场景
- 基于模板批量生成个性化或数据驱动的视频。
- 为企业品牌构建可复用的动画素材库。
- 在网页产品中加入视频编辑器或预览功能。
- 在自有基础设施上自动渲染营销或社交媒体短视频。
快速上手
- 1
如果尚未安装 Node.js，请先安装
- 2
使用脚手架工具创建新的视频项目
npx create-video@latest
使用前须知
- Remotion 采用特殊许可证，某些情况下需要获取公司许可证。
- 在自有基础设施上大规模渲染需要额外的配置工作。
标签
常见问题
- remotion 是什么？
- 基于 React 的视频制作框架，用代码以编程方式生成视频与动画。 Remotion 允许开发者用 React 组件来制作视频。每一帧都由普通的 React 代码渲染，因此动画、数据驱动的内容和可复用模板都可以像普通网页界面一样编写并纳入版本管理。
- remotion 可以免费使用吗？用的什么许可证？
- remotion 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。
- remotion 还在维护吗？
- 活跃维护中。remotion 最近一次提交是在 2026年10月22日。
- remotion 适合用来做什么？
- 基于模板批量生成个性化或数据驱动的视频。 为企业品牌构建可复用的动画素材库。 在网页产品中加入视频编辑器或预览功能。 在自有基础设施上自动渲染营销或社交媒体短视频。
- remotion 怎么安装和运行？
- 如果尚未安装 Node.js，请先安装 使用脚手架工具创建新的视频项目: npx create-video@latest
- 在哪里获取 remotion？
- 源代码和安装说明在 GitHub 上：https://github.com/remotion-dev/remotion
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
面向 Web 与 React 的模块化、可组合开源视频播放器框架，即 Video.js v10。
4万7483TypeScriptOther更新于 3小时前
基于 ProseMirror 的无界面富文本编辑器框架，可与多种前端框架配合，通过扩展灵活定制。
3.9万3171TypeScriptMIT更新于 昨天
用于构建节点式交互界面（如流程图、图编辑器和工作流编辑器）的 React 与 Svelte 开源库。
3.9万2559TypeScriptMIT更新于 前天
一套代码多端运行的跨端跨框架方案，可用 React/Vue 开发微信等小程序、H5 和 React Native 应用。
3.8万4867TypeScriptOther更新于 前天
基于 React 的可高度定制富文本编辑器框架，核心无固定 schema，功能通过插件扩展。
3.2万3304TypeScriptMIT更新于 4小时前