HyperFrames 用网页代码做视频

用网页代码（HTML、CSS、动画）制作并渲染成 MP4 视频的开源框架

打开就用AI 整理，待开发者认领视频生成
下载源码（ZIP）在 GitHub 查看写评测
0 人关注
评分人数不足呦探分评分人数不足大众分评分方法
这个页面由 AI 根据官网公开信息整理，可能有错。产品团队可以认领后修改。 认领这个产品
星标
7.7万
GitHub 下载量
7725
复刻
7021
主要语言
TypeScript
许可证
Apache-2.0
最近更新
复制安装指令（给 AI 编程工具）

粘贴到 Codex、Claude Code、Cursor、Trae 等 AI 编程工具里，回车就会开始安装。第一次复制前请先阅读风险提示。

下载源码（ZIP）最新发行版在 GitHub 查看 · heygen-com/hyperframes

这些文件由项目作者放在 GitHub 上，本站不开发、不托管这些软件，也不检测其代码；国内访问 GitHub 可能较慢。使用前请阅读 第三方软件风险提示和项目的许可证。 数据更新于 2026/11/01 报告问题

介绍

HyperFrames 是 HeyGen 开源的视频框架，可把 HTML、CSS、媒体文件和可逐帧定位的动画渲染成 MP4 视频。它主要为 AI 编程代理设计，开发者也可以直接编写，适合制作产品发布视频、数据可视化动画和社交媒体短片。

视频直接用 HTML 编写，通过 data 属性控制时间和轨道，无需构建步骤；相同输入总会渲染出相同画面。项目为 Claude Code、Codex、Cursor、Gemini CLI 等代理提供技能包。本地 CLI 和渲染器开源，HeyGen 另有可选的云端渲染和在线试用环境。

能做什么

  • 通过 GSAP、CSS、Lottie、Three.js、Anime.js 等动画方案制作动态画面
  • 用命令行预览、检查和渲染视频，或在浏览器编辑器 Studio 中调整
  • 复用现成的组件库，并可借助 AWS Lambda 分布式渲染

运行需要：Node.js 22 以上和 FFmpeg；本地使用无需账号或 API Key

这段介绍由 AI 根据项目的公开说明整理，可能有疏漏，以项目主页为准。

评测

0 条评测

还没有评测。用过的话，来写第一条吧。

写评测