Breaking

HeyGen Open-Sources Keyframes Feature in Its HyperFrames Video Framework

July 2, 2026 at 13:01 EDT

Media Generation
Open Source
AI Agents

On July 2, 2026, HeyGen released "Keyframes," a keyframe control feature for its open-source HTML-to-video framework "HyperFrames," as open source. It rebuilds the internals of pro editing tools as code, and can be used via the npx hyperframes keyframes command. Around the same day, the GitHub repository merged a CLI command that surfaces keyframes from GSAP/CSS/Anime.js and includes 3D motion diagnostics.

July 2026 · HeyGen

HyperFrames adds "Keyframes" — video motion becomes code AI agents can diagnose and fix

HeyGen's open-source framework describes video in HTML/CSS/JS and renders deterministic MP4. The new npx hyperframes keyframes lets agents visualize the motion they generate and fix issues with a single command.

animation runtimes bridged by one Frame Adapter — GSAP, CSS, Anime.js, WAAPI, Lottie, Three.js

100%

byte-identical output on every run — deterministic, fit for CI and parallel rendering

Apache 2.0

open-source license — built internally at HeyGen, released to the community

The agent flow: Video as Code

Generate HTML → preview → render — with the new keyframes step to inspect and fix motion.

init

agent writes HTML/CSS/JS composition

→

preview

live view on port 3002

→

keyframes

visualize & fix the motion

→

render

deterministic MP4 via FFmpeg

HeyGen's pitch: plain HTML over a React tree

A frequent comparison is React-based Remotion. HeyGen argues a plain HTML schema helps agents hit correct frame counts first-try.

Praised for

Generate video with Claude, Cursor, Codex
No manual timelines or keyframes
Offloads motion graphics & 3D to agents

Points of friction

Heavy token consumption
Setup & prompt-tuning time
Preview port conflicts on Linux (use --port)

Continue reading

The rest of this article is for AI News Blitz readers. Choose an option below to keep reading.