GitHub Repos intermediate 2 min read Apr 23, 2026 · Updated Apr 24, 2026
Public Preview Sign in free for the full digest →

Hyperframes- HTML-to-Video

“A 9,428-star repo is betting that AI video should start as HTML, not React.”

Hyperframes- HTML-to-Video
2 Views
0 Likes
0 Bookmarks
Source · github.com

“"Write HTML. Render video. Built for agents." — Hyperframes README/docs”

You know that feeling when you want generated videos, but the tool asks you to think like a video editor or rewrite web code into React first? Hyperframes addresses that by making the source file plain HTML with timing data attributes. The before state is translating web layouts and GSAP animations into a video framework. The after state is writing HTML, previewing it in a browser, and rendering it to MP4.

aivideohtmltypescriptffmpegpuppeteergsap

Think of it like stop-motion for a web page. You define a composition in HTML, add timing with data attributes, and preview it in the browser. During render, Hyperframes computes the exact time for each frame, asks a frame adapter such as GSAP what the screen should look like, captures that frame through Chrome's BeginFrame API, and sends the frames to FFmpeg. The key idea is that the animation clock comes from `frame / fps`, not wall time.

01
HTML authoring — you write compositions as HTML files instead of React components, so you can paste and animate web content with less translation work.
02
Frame-by-frame rendering — you get deterministic output because Hyperframes seeks each frame before capture instead of recording wall-clock playback.
03
GSAP adapter — you can keep library-clock animations in sync by seeking timelines to `frame / fps` before each frame capture.
04
Docker render mode — you can get closer reproduction across machines by pinning Chrome, fonts, and FFmpeg, while accepting slower startup and no container GPU path.
05
CLI workflow — you can scaffold, preview, render, lint, transcribe, and run diagnostics from commands that agents can call without prompts.
06
Catalog blocks — you can add 50+ documented blocks and components such as social overlays, shader transitions, and data charts.
07
Studio and player packages — you get a browser composition editor and an embeddable player as part of the monorepo.
Who it’s for

If you build agent workflows, video automation, or code-driven marketing clips, Hyperframes is worth a hands-on spike. It fits you if you prefer HTML, CSS, GSAP, and FFmpeg over React component video code. It is not for you if you need mature distributed rendering today or a stable adapter API.

Worth exploring

Worth exploring as an experimental repo with strong activity: 9,428 stars, 49 releases, 423 commits, and a release on 2026-04-23. Do not treat it as a drop-in Remotion Lambda replacement because the docs say Hyperframes runs on a single machine today. Start with a local proof of concept and test Docker rendering before you tie it to production output.

Developer playbook
Tech stack, code snippet, sentiment, alternatives.
PM playbook
Adoption angles, user fit, positioning.
CEO playbook
Traction signals, ROI, build vs buy.
Deep-dive insight
Full long-form analysis, no fluff.
Easy mode
Core idea, fast — when you need the gist.
Pro mode
Technical nuance, edge cases, tradeoffs.
Read the full digest
Go beyond the preview

Deep-dive insight, Easy and Pro modes, plus action playbooks — the full breakdown is one tap away.

Underrated tools. Unfiltered takes.

Read the full digest in the Snaplyze app for deep-dive insight, Easy and Pro modes, and the playbooks you can actually use.

Install Snaplyze →