Trending
#Media & Design

heygen-com/hyperframes

Turns HTML, CSS and seekable animations into deterministic MP4s for developers and agents producing video programmatically.

71,276
6,434
TypeScript
Apache-2.0
7 months old

The problem

Video production has long lived in two worlds: GUI editors where anything scripted is painful, and code-based rendering where you must learn a specific animation DSL. Teams that already build UIs in HTML and CSS want the same skills to produce video, but getting a browser page to render frame-accurate, repeatable output is fiddly. HyperFrames addresses this by treating an HTML document as the source of a video and rendering it to MP4.

What's different

Compared with Remotion, which uses React components and its own rendering pipeline, HyperFrames keeps the source as plain HTML/CSS with seekable animations via libraries like GSAP, and leans on headless browser rendering plus FFmpeg. Compared with screen recording or a timeline editor, the output is deterministic rather than captured in real time. The most distinctive angle is agent-first packaging: it ships skills and plugins so coding agents can plan, lint, preview and render videos from prompts, and a registry of roughly 450 ready-made blocks. Treat the README itself as thin on rendering internals; it documents skills and CLI surface far more than the pipeline.

Who it's for

Developers comfortable with HTML, CSS and animation libraries who need repeatable, scriptable video output — product intros, data-driven motion graphics, caption and overlay work — and teams wiring video generation into agent workflows. It is less suited to editors who want a visual timeline and fine manual control, or to anyone wanting a mature, battle-tested renderer with years of issue history.

Cost of adoption

Requires Node.js >= 22 and a headless browser plus FFmpeg in the render path; local and cloud rendering are both offered. Licen= Apache-2.0, so commercial use is straightforward. The bigger cost is conceptual: your video is code, so iteration happens through lint, preview and re-render cycles, and the skill/plugin catalog is a moving target where install paths differ between the picker, npx hyperframes skills update, and plugins. See the README for the exact install commands.

Verdict

The repository is very new — created in March 2026 — yet has already accumulated a large star count and a strong monthly board position (#2 overall with +18,268 this month), which looks more like a rapid spike than a long-established tool. It carries a corporate backing signal (HeyGen links throughout) and a Hacker News thread with effectively no discussion at launch. That combination argues for piloting it on a contained project rather than making it the backbone of a production pipeline, and for watching whether the skill catalog and renderer stabilize over the next few months.

Hacker News

Write HTML. Render video. Built for agents
▲ 1 · 0 comments · May 15, 2026

Written by AI from the project's README, updated October 24, 2026. The project's own docs are the source of truth.