HyperFrames Studio

HyperFrames Studio is HeyGen's video editor for creating and revising videos with AI agents. It works alongside HyperFrames, an Apache-2.0 licensed framework that converts HTML, CSS, JavaScript and media into MP4 videos. Users can work through the desktop app, an existing coding agent or the framework's developer tools.

What It Is

Studio provides a desktop application for macOS, Windows and Linux. Describe a video, let an agent build the project, and request changes through text, visual feedback, drawings or comments. The result remains an editable project rather than only a finished video clip.

Use cases include product launches, feature announcements, explainers, narrated demonstrations, motion graphics, data visualizations and pull-request walkthroughs with animated code changes.

HTML-Based Video Authoring

The framework's authoring model uses plain HTML rather than requiring React components or a proprietary timeline format. A composition can live in an index.html file, with data attributes such as data-start, data-duration and data-track-index controlling when elements appear and how they are layered.

Video, audio and animated elements occupy tracks. Seekable animation adapters support GSAP, CSS animations, Lottie, Three.js, Anime.js and WAAPI, with custom runtimes also supported. Compositions can be previewed in a browser without a build step, and the CLI provides live-reloading previews.

For rendering, HyperFrames uses headless Chrome through Puppeteer to capture individual frames and FFmpeg to encode video and mix audio. The project describes this frame-seeking approach as deterministic rendering, intended for repeatable outputs, CI pipelines and regression testing.

Working With Coding Agents

HyperFrames provides skills and plugins for Claude Code, Codex, Cursor, Gemini CLI and other compatible coding agents. The skills teach the production workflow: plan a video, write the composition, connect animations, add media, validate the project, preview frames and render the result.

Developers can install the skills into a project or use the CLI directly. Its non-interactive workflow supports agent execution and automated content pipelines. Projects remain ordinary files that an agent, editor and developer tools can work on together.

Studio and Media Tools

Studio adds an application interface for agent-assisted creation and editing. Its media capabilities include voiceovers, timed captions, music, sound effects, generated images and video, footage search and background removal. Reference-video workflows can recreate a video's style or motion, while storyboarding provides still images to review before animation.

The desktop app, local browser editor and hosted services are related parts of the product, with different availability and service entitlements.

Framework Packages and Rendering

The framework includes a CLI for scaffolding, previewing, validating and rendering projects; core packages for composition parsing and animation; and engine and producer packages for frame capture, encoding and audio mixing.

A component catalog provides editable blocks for titles, transitions, overlays, captions, charts, maps and effects. Additional packages include an embeddable hyperframes-player web component, WebGL shader transitions and an AWS Lambda SDK for distributed rendering.

The frame.md workflow translates a brand's web-oriented design specification into guidance for video composition, helping agents apply the same design tokens and visual rules to motion projects.

Licensing and Availability

The HyperFrames framework is Apache-2.0 licensed, with local rendering available without per-render license fees or commercial-use thresholds. Studio also offers commercial media generation and cloud services, whose entitlements are separate from the framework license.

Desktop downloads are available for macOS, Windows and Linux. The framework's local browser editor is available, while the product homepage marks the hosted browser version of Studio as coming soon.