HeyGen · @heygen-com ↗

HyperFrames

Turn HTML and seekable animations into a deterministic MP4. HyperFrames is an open-source framework you drive from the CLI or an AI coding agent that writes the composition and renders it for you.

34.7k stars Updated Jul 5, 2026 Apache-2.0 21 skills

The roster

Turn a Website Into a Video

HeyGen

Point it at any website and get a polished, on-brand video built from the site's own screenshots and brand assets, whether a 15-second social clip or a 30-second tour.

hyperframes/website-to-video 34.7k

Make a Video

HeyGen

Make a video from a prompt: HyperFrames teaches your coding agent to compose it in HTML, CSS, and JS, then renders a deterministic MP4 that comes out the same every time.

hyperframes/hyperframes 34.7k

Turn a PR Into a Video

HeyGen

Turn any GitHub pull request into a narrated code-change explainer video, built straight from the real diff, commits, and files. Paste a PR URL or run it in the repo.

hyperframes/pr-to-video 34.7k

Make a Motion Graphic

HeyGen

Make a short, silent motion graphic where motion is the message: kinetic type, a stat count-up, a chart hit, or a logo sting, usually under 10 seconds. Exports to MP4 or a transparent overlay.

hyperframes/motion-graphics 34.7k
Coming soon

embedded-captions

HeyGen

hyperframes/embedded-captions 34.7k
Coming soon

faceless-explainer

HeyGen

hyperframes/faceless-explainer 34.7k
Coming soon

figma

HeyGen

hyperframes/figma 34.7k
Coming soon

general-video

HeyGen

hyperframes/general-video 34.7k
Coming soon

hyperframes-animation

HeyGen

hyperframes/hyperframes-animation 34.7k
Coming soon

hyperframes-cli

HeyGen

hyperframes/hyperframes-cli 34.7k
Coming soon

hyperframes-core

HeyGen

hyperframes/hyperframes-core 34.7k
Coming soon

hyperframes-creative

HeyGen

hyperframes/hyperframes-creative 34.7k
Coming soon

hyperframes-keyframes

HeyGen

hyperframes/hyperframes-keyframes 34.7k
Coming soon

hyperframes-media

HeyGen

hyperframes/hyperframes-media 34.7k
Coming soon

hyperframes-registry

HeyGen

hyperframes/hyperframes-registry 34.7k
Coming soon

media-use

HeyGen

hyperframes/media-use 34.7k
Coming soon

music-to-video

HeyGen

hyperframes/music-to-video 34.7k
Coming soon

product-launch-video

HeyGen

hyperframes/product-launch-video 34.7k
Coming soon

remotion-to-hyperframes

HeyGen

hyperframes/remotion-to-hyperframes 34.7k
Coming soon

slideshow

HeyGen

hyperframes/slideshow 34.7k
Coming soon

talking-head-recut

HeyGen

hyperframes/talking-head-recut 34.7k

What it does

HyperFrames turns your coding agent into a video producer. You describe the video you want and it writes the composition as plain HTML, CSS, and seekable animation, then renders a deterministic MP4 that comes out the same every time.

The skills teach agents the production loop that generic web docs miss: plan the video, write valid markup, wire the animation, add media, lint, preview, and render. They route by intent, so a product promo, a PR walkthrough, a captioned talking head, or a beat-synced music video each pick up the right workflow. It runs locally with the CLI or on AWS Lambda for scale, and the engine is open source under Apache 2.0.

When to use it

  • You need a video and don't have a video editor

    Describe what you want and it composes the HTML and renders a finished MP4, no timeline app.

  • You have source material to turn into video

    A product page, a website, a GitHub PR, an article, or a music track becomes a narrated or beat-synced video.

  • You have footage that needs captions or overlay cards

    Add cinematic captions or lower-thirds and callouts synced to the audio.

  • You need a quick motion graphic or a slide deck

    A short kinetic-type, stat, or logo piece, or a full presentation, from the same HTML pipeline.


Common questions

What do I need to run HyperFrames?

HyperFrames needs Node.js 22 or newer and FFmpeg installed. From there you drive it from the CLI with npx hyperframes, or let an AI coding agent write the composition and render it for you.

Is HyperFrames free?

Yes. HyperFrames is open-source under the Apache 2.0 license with no paid tier. You run it locally and render as many videos as you want.

Do I have to install every skill?

No. You can install the full HyperFrames set with npx skills add heygen-com/hyperframes --full-depth --all, or add a single skill with the --skill flag when you only need one.

Do I need an AI agent to use it?

No. HyperFrames works as a standalone CLI you drive yourself, and the agent skills are an optional layer for when you want the composition written for you.