HyperFrames Alternative for HTML to Video

A framework, or a video platform

HyperFrames is an open-source framework from HeyGen. You write the whole video as HTML, then render it with Chrome and FFmpeg on your own machines, or upload the project to HeyGen's cloud with a HeyGen account.

Shotstack is a hosted video API. Your HTML animation is one clip in the edit. Footage, AI video, voice, captions and your data render around it, thousands at a time, and the file lands in your storage.

Same script, two tools

Both videos use the same four-line script about why birds fly in a V, and the same HTML and GSAP animation.

Made with HyperFrames

The design system in HTML and GSAP, rendered with the HyperFrames CLI.

Made with Shotstack

The same HTML, with AI footage inside every window, an AI voiceover, captions from the voice and AI music, in one request. Change the script and it renders again.

At a glance: HyperFrames vs Shotstack

Checked on 13 October 2026 and may change. Sources: Shotstack pricing, HyperFrames docs, HeyGen cloud render docs.

Feature	Shotstack	HyperFrames
Hosted rendering	Every plan	HeyGen cloud, with a HeyGen account
Render servers to run	None	Yours, or HeyGen’s
Longest video	3 hours on every plan	Not published
Concurrent renders	Thousands, on every plan	Your own cloud capacity
Uptime SLA	99.9% on every plan	Not published
HTML and GSAP animation	As a clip in the edit	The whole video is HTML
Media from a URL	Any public URL	Self-run. HeyGen cloud: packed into a 200 MB upload
AI-generated video clips	Seedance, Wan, Gemini Omni Flash and more	No video model
AI voice and captions	32 languages, captions made automatically	HeyGen, ElevenLabs or a local model for voice, captions by skill
One video per row	Template plus your data	Template variables
No-code automation	n8n, Make and Zapier	CLI, Node or API
AI agents (MCP)	Hosted, any MCP client	Hosted, for Claude, ChatGPT and Grok (beta)
Embeddable video editor	White-label SDK	Open-source Studio
Delivery	S3, Google Cloud, Azure, Google Drive, Vimeo or our CDN	File download, or your own bucket when you run the workers yourself
Pricing	10 free minutes, then from US$10 pay as you go or US$39 a month	Free to run yourself. HeyGen cloud billed per minute

Why teams choose Shotstack as their HyperFrames alternative

A render farm you run is a render farm you fix at 2 a.m. A missing video model means buying clips somewhere else. Shotstack takes those jobs, so you build video around your product, not around your render pipeline.

Start for free Talk to an expert

Is HyperFrames the right fit?

HyperFrames works if

You want open source you can read, change and host
Your team is happy to run the render, or has a HeyGen account
Each video is an HTML project you build by hand
You don't need AI footage, no-code tools or delivery to your storage

Consider Shotstack if

You want video from an API, with no render servers
You need AI video, voice and captions in the same edit
Videos go out from n8n, Make, Zapier or an AI agent
Users edit videos inside your app
You render thousands at once with a 99.9% uptime SLA

Render infrastructure

No render servers to run

HyperFrames renders on your machine, in your own Lambda or Cloud Run account, or on HeyGen's cloud. Someone keeps that running and scales it for a launch.

Shotstack renders thousands of videos at once on every plan, with a 99.9% uptime SLA. Your code sends JSON and gets a URL back.

A Shotstack render request with an HTML clip, and the result: queued, rendering, done, with nothing to run on your side

Hosting

Hosted, without a second account

HyperFrames' hosted render and MCP server go through HeyGen: another account, a project upload of up to 200 MB, and billing per minute.

Shotstack is hosted from your first request. Media comes from any URL or the Ingest API, and one plan covers rendering, AI generation, hosting and delivery.

Two paths: HyperFrames cloud through a project upload and a HeyGen account, versus Shotstack with media at URLs and one request

AI media

AI footage, voice and captions in one edit

HyperFrames has no video generation model, so AI clips come from another tool before the render.

Shotstack generates video, images, voiceovers in 32 languages and music in the same render as your HTML animation, and captions the voice automatically.

Three frames from the Shotstack video: AI footage inside the HTML design, captions from the voice, and a data card

Automation and delivery

From your workflow to your storage

HyperFrames renders from its CLI, Node, the HeyGen API or its MCP server. You get a file to download, or your own bucket when you run the workers yourself.

Shotstack also renders from the official n8n node, Make, Zapier and a hosted MCP server, then sends the video to S3, Google Cloud, Azure, Google Drive or Vimeo. See delivery options.

A Shotstack render output block with an S3 destination

Developers love us

This application is the perfect example of a well executed and documented API. In less than 10 mins, set up, web hook done, and first render!

Colin Plamondon, thebeam.fm

There are a couple of other options out there that attempt to provide the same or similar solution, but none of them come close in terms of quality, ease of use, and speed.

Mike Maberry, Gunslinger.dev

Shotstack was EXACTLY what I was looking for, and incredibly easy to get started with. You guys are killing it.

Adam Chubbuck, Software Engineer

What if you already use HyperFrames?

1

Move the animation. Put your HTML, CSS and GSAP into an HTML clip. Timing attributes become the clip's start and length. Your AI assistant can do it with the hosted MCP server or the docs.

2

Add the rest. Footage from a URL, an AI voiceover, captions and music go on the tracks around it.

3

Render one real video, then save it as a template and fill it from your data.

Frequently asked questions

Is Shotstack free?

To start, yes: 10 free credits for 30 days, or 10 minutes of video on the production API with no watermark and no credit card. Then pay as you go from US$10 for 50 minutes, or US$39 a month for 250.

Is HyperFrames free?

The framework is free under Apache 2.0 and runs on your own machines, so the cost is the servers and the people who run them. Rendering on HeyGen’s cloud needs a HeyGen account and is billed per minute.

What is HyperFrames?

An open-source framework from HeyGen that turns HTML, CSS and animation into MP4 video. You write the video as a web page, preview it in a browser and render it with Chrome and FFmpeg.

Does HyperFrames have an API?

Yes, through HeyGen’s cloud: upload the project and get the file back, with a HeyGen account. Shotstack’s API takes the whole edit as JSON, fetches media from URLs and delivers to your storage.

Is Shotstack cheaper than HyperFrames?

Count everything. HyperFrames is free to run, plus your render servers, the engineers who run them and a HeyGen plan if you render in their cloud. Shotstack is one price for rendering, AI generation, hosting and delivery. Start with the free credits and compare with your own numbers.

Can Shotstack render my HyperFrames GSAP animation?

Yes. An HTML clip runs GSAP, D3, anime.js and Lottie frame by frame, on the same timeline as footage, audio and captions. The videos above were made from the same HTML.

Should I use HyperFrames or Shotstack?

HyperFrames if you want open source you can run, change and host yourself. Shotstack if video is part of your product, workflow or agent and you want footage, AI media, templates and delivery in one request.

HyperFrames alternative

HyperFrames vs Shotstack

Trusted to deliver

Join companies large and small rendering thousands of videos every day