HyperFrames by HeyGen

Build animated slides and motion graphics with HTML

Play video

Claude can now help you create animated slides, explainer videos and motion graphics to communicate and visualize your ideas. HyperFrames is an open source solution developed by HeyGen that turns HTML code into videos.

Boost your communication efficiency by turning documents, presentations, and ideas into visuals, animations, and videos with HyperFrames by HeyGen. HyperFrames takes prompts or specs and generates code-first, composable scenes, weaving in voiceover and other media inputs. It composes HTML based on your inputs and renders shareable MP4s — usable directly in Claude and Claude Code.

You can use HyperFrames by HeyGen to:

Create Visualizations:
"Generate a 30-second motion graphic explaining our Q3 funnel metrics, with animated charts and Swiss-style typography"

Generate Explainer Videos:
"Turn this product spec doc into a 90-second explainer with avatar narration, animated diagrams, and captions"

Build Launch Videos:
"Create a launch video from these UI screenshots, with kinetic typography, motion sequences, and a hook-driven script"