It is not footage
HyperFrames animates the text, images and clips you give it. For realistic people or places, generate the shots with a video model and place them in the composition.
Claude questions · October 2026
Can you use HyperFrames with Claude?
Yes. Claude writes the HTML video; HyperFrames turns it into an MP4.
Yes. HyperFrames is HeyGen’s open-source framework that renders HTML, CSS and animation to MP4, and it ships a Claude Code plugin: Claude Code writes the composition, previews it and renders it on your computer for free. On claude.ai or Claude Desktop, where nothing runs locally, Creative Claw renders the same HTML in the cloud for 5 credits for the first 15 seconds at 1080p, and its images, voiceover and music fill the scenes. Our 90-second Nano Banana 2.1 launch film was written in Claude Code with HyperFrames; its images, narration and music come to 468 credits ($4.68) at today’s prices.
Listed in Claude’s plugin directory: add the plugin, connect on its Connectors tab and sign in. 100 free credits, no card.
By Itay Dressler, founder of Creative Claw · LinkedIn · Updated
Key takeaways
- HyperFrames is Apache 2.0 and renders deterministic MP4s from HTML, CSS and seekable animations.
- In Claude Code: install the HyperFrames plugin, then preview and render with the npx hyperframes CLI.
- In Claude chat, Creative Claw renders HyperFrames HTML in the cloud, so you need no Node.js or FFmpeg.
- HyperFrames moves layouts, type and media; filmed-looking shots still come from a video model.
- Our examples library has 27 HyperFrames projects you can render as they are or adapt.
Bring
A brief, a script, or an existing HyperFrames project
Create
A finished MP4 of a designed, text-led video
Made with Creative Claw
What can you make with Creative Claw in Claude?
A clip edited by chat Same can and camera move, new winter setting. One Gemini Omni Flash edit, 75 credits. One of three ad hooks Rendered alongside two other hooks in one Claude session, 90 credits each. A 90-second HyperFrames film Written in Claude Code, rendered locally; 468 credits of images, voice and music.
Finished example
Our Nano Banana 2.1 launch film, written in Claude Code
Claude Code wrote this 90-second, 36-shot film as one HyperFrames file and rendered it locally with the CLI. Creative Claw made the 17 stills with Nano Banana 2.1, the narration in the founder’s cloned Cartesia voice and the music bed.
Voiceover script
“Google just shipped Nano Banana two point one. And it’s already live in Creative Claw. It’s their new workhorse image model. Flash speed. Sharper realism. Cleaner text. Smarter with references.”
| Step | Tool | Credits |
|---|---|---|
| 13 stills at 2K, 3 at 1K, 1 panorama at 4K | Nano Banana 2.1 | 396 |
| Nine narration takes, 1,150 characters | Cartesia Sonic, cloned voice | 27 |
| 90-second music bed, exact length | ElevenLabs Music v2.5 | 45 |
| Composition and render | HyperFrames in Claude Code, local | 0 |
| Total for the finished example | 468 ($4.68) | |
Built on October 6, 2026; credits at today’s prices (October 18). A cloud render of the same 90 seconds would add 10 credits.
-
Hero still -
Edit beat -
Text beat -
References beat
The workflow
How do I use HyperFrames with Claude?
-
Choose where it renders
In Claude Code, install HyperFrames with claude plugin marketplace add heygen-com/hyperframes and claude plugin install hyperframes@hyperframes. In Claude chat, add Creative Claw from the plugin directory instead.
-
Brief the video
Give the length, size, script and look: for example 30 seconds, 1920×1080, huge type, fast cuts, three product shots. Attach logos and images, or ask Creative Claw to generate them.
-
Preview and fix
In Claude Code, npx hyperframes preview opens the composition in your browser. In chat, ask for a short test render first.
-
Render the MP4
npx hyperframes render writes the file locally for free; in chat, Creative Claw renders it in the cloud from 5 credits and returns the MP4 in the conversation.
Pricing
How much does it cost?
Creative Claw is pay as you go: $10 buys 1,000 credits, new accounts get 100 free credits, and there is no subscription. Typical costs for this workflow:
| What you generate | Credits | Cost |
|---|---|---|
| Render on your computer with the HyperFrames CLI | 0 | $0.00 |
| Cloud render, single-file composition, first 15 s at 1080p | 5 | $0.05 |
| Cloud render, 90 s single-file composition at 1080p | 10 | $0.10 |
| Image for a scene, Nano Banana 2.1 (2K) | 24 | $0.24 |
| 90-second exact-length music bed, ElevenLabs Music v2.5 | 45 | $0.45 |
| 1,000 characters of narration, Cartesia or ElevenLabs v4 | 20 | $0.20 |
Prices charged or quoted by Creative Claw on October 18, 2026. See all model prices, and ask for an estimate in Claude before you generate.
Alternatives
How does Creative Claw compare with other Claude video tools?
The tools below are the ones AI assistants most often recommend for this job. We checked each vendor’s own pages on October 18, 2026. “None found” means we could not find an official app in the Claude directory or on the vendor’s site. Creative Claw publishes this page.
| Where you work | Who renders | Cost | What you need |
|---|---|---|---|
| Claude Code with the HyperFrames plugin | Your computer | Free | Node.js 22+ and FFmpeg |
| Claude chat with Creative Claw | Creative Claw’s cloud renderer | From 5 credits per render | The plugin and a sign-in |
| Claude Code with Creative Claw | Either | Free locally, or from 5 credits in the cloud | Both plugins |
| Claude alone, no plugin | Nobody: Claude writes the HTML only | Included in your plan | Your own render setup |
Sources: HyperFrames on GitHub · Creative Claw pricing. Prices are in USD before tax and change often.
Before you render
What should I check before rendering?
Local renders need tools
The CLI needs Node.js 22+ and FFmpeg. If you cannot install them, render in the cloud.
Audio needs a real file
For cloud renders, audio must be an absolute HTTPS link; a missing or silent track fails the render and is refunded.
Check current pricing, read short answers in the help center, inspect the tool reference, or browse published media examples. Examples illustrate creative approaches; they are not proof that this exact starter prompt was run.
Practical answers
Frequently asked questions
Does HyperFrames work with Claude?
Yes. HyperFrames ships a Claude Code plugin and skills. In Claude chat, Creative Claw renders HyperFrames HTML in the cloud.
How do I install HyperFrames in Claude Code?
Run claude plugin marketplace add heygen-com/hyperframes, then claude plugin install hyperframes@hyperframes. Standalone skills install with npx skills add heygen-com/hyperframes.
Is HyperFrames free?
Yes. It is open source under Apache 2.0 and renders on your own computer. Creative Claw’s cloud render is optional and starts at 5 credits.
Can Claude render HyperFrames without Claude Code?
Not by itself, because claude.ai does not run Node.js and FFmpeg. With Creative Claw, Claude sends the HTML to a cloud renderer and plays the MP4 in the chat.
What does a HyperFrames video cost?
The render is free locally, or 5 credits for the first 15 seconds of a single-file composition at 1080p in the cloud. The media inside it costs extra: our 90-second film used 468 credits of images, narration and music.
Where can I find HyperFrames examples?
Our examples library has 27 HyperFrames projects, from launch videos to data stories. Claude can load one by name, render it as it is, or adapt it to your brand.
Can HyperFrames make realistic video?
No. It animates layouts, type, images and clips. Generate realistic shots with Seedance 2.5, Gemini Omni or MiniMax and place them in the composition.
HyperFrames or Remotion?
Both turn code into video. HyperFrames uses plain HTML and a seekable timeline and is Apache 2.0; Remotion uses React and needs a company license above a certain size. Claude Code writes either.
Can I use it in ChatGPT too?
Yes. Creative Claw renders HyperFrames HTML from ChatGPT and Codex as well, with the same credits.
Start creating
Install Creative Claw in Claude.
Connect once, get 100 free credits with no card required, and use the starter prompt above for your first project.
