Guide / Hyperframes vs Remotion
Hyperframes vs Remotion
两个流行的程序化视频工具，怎么选？从技术栈、渲染方式、适用场景与学习成本逐一对比。
Hyperframes 适合谁
如果你希望以 HTML/CSS 为主描述画面、快速组合图形与视频，Hyperframes 的 HTML 优先设计更直接。
Remotion 适合谁
如果你是 React 团队，希望用组件与生态构建视频，Remotion 的学习曲线更平滑。
其实可以都选
两者都基于 Web 技术渲染，动画模板可以在两个框架间复用。ograf.app 的模板以标准 HTML/CSS 形式提供，选择哪个框架都能用。
| 对比项 | Hyperframes | Remotion |
|---|---|---|
| 技术栈 | HTML / CSS 优先 | React 组件 |
| 学习曲线 | 会网页基础即可上手 | 需要 React 基础 |
| 模板形态 | HTML 动画模板 | React 组件模板 |
| 适合场景 | 图形动画、直播与视频包装 | 数据驱动、大规模视频生产 |
| 配合 ograf.app 模板 | 模板可接入 Hyperframes 工作流 | 动画逻辑可移植为 Remotion 组件 |
按分类浏览
查看全部最新模板
查看全部常见问题
Hyperframes 和 Remotion 可以一起用吗？
可以。两者都基于 HTML/CSS 渲染，团队可以按场景分别选择，模板资产本身是通用 HTML 动画，可以复用。
哪个更适合新手？
熟悉 HTML/CSS 的话从 Hyperframes 开始更直接；有 React 经验的话 Remotion 会更顺手。