HyperFrames — 用 HTML/CSS 写视频,3.5 万星,AI 原生视频渲染引擎

lxiol
📝
HyperFrames(35K⭐)是 HeyGen 开源的 AI 原生视频渲染引擎:用 HTML/CSS/动画代码制作视频并渲染为 MP4,专为 Codex/Claude Code/Cursor 等 AI 编程工具设计。

原文链接:https://mp.weixin.qq.com/s/g0jPEtxSH9UXUeW2Fz1EHg

最近 GitHub 上有一个很火的视频项目,叫 HyperFrames,已经拿到 3.5 万多个 Star。

它做的事情很特别:你不需要打开传统的视频剪辑软件,而是直接用 HTML、CSS 和动画代码来制作视频,最后再把它稳定地渲染成 MP4。

AI 原生设计

HyperFrames 是专门为 AI 编程工具设计的。你可以让 Codex、Claude Code 或 Cursor 帮你写视频页面、添加动画、字幕和音乐,然后通过命令直接生成视频。

适用场景

  • 产品宣传视频
  • 数据动画
  • PR 更新讲解
  • 网站演示
  • 需要批量生产的社交媒体短视频

门槛

HyperFrames 并不是剪映那种打开就能拖拽使用的软件。它需要 Node.js、FFmpeg,以及一定的 HTML 和命令行基础,目前更适合 开发者、前端工程师和自动化内容团队

如果你想让 AI 自动制作视频,或者搭建一条可重复、可批量运行的视频生产线,这个项目非常值得体验。

项目:HyperFrames / GitHub:github.com/heygen-com/hyperframes

本文转载自微信公众号,如有侵权请联系删除。

  • 标题: HyperFrames — 用 HTML/CSS 写视频,3.5 万星,AI 原生视频渲染引擎
  • 作者: lxiol
  • 创建于 : 2026-07-27 10:18:00
  • 更新于 : 2026-07-27 09:02:17
  • 链接: https://blog.lxiol.cn/2026/07/27/HyperFrames-AI原生视频渲染引擎-35K星/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
目录
HyperFrames — 用 HTML/CSS 写视频,3.5 万星,AI 原生视频渲染引擎