HyperFrames

HyperFrames

free

4.989 ratings

An open-source framework from HeyGen for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with 20 on-demand skills, or as the rendering core behind hosted authoring workflows. Supports GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI. No build step — index.html plays as-is. Deterministic rendering for CI and automated pipelines. Includes a catalog of reusable blocks, Studio editor, AWS Lambda distributed rendering, and frame.md design system.

Key Features

• HTML-native compositions — plain HTML files with data-* timing attributes, no React required
• 20 on-demand AI agent skills — product launch, faceless explainer, PR-to-video, captions, talking head, motion graphics, music-to-video, slideshow, and more
• Deterministic rendering — same input produces same frames and output, built for CI and regression tests
• No build step — index.html plays as-is and previews directly in the browser
• Adapter-based animation — GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI, or custom runtime
• CLI dev loop — init, lint, check, snapshot, preview, render, publish, doctor
• Catalog of reusable blocks — transitions, overlays, captions, charts, maps, effects
• AWS Lambda distributed rendering — deploy render stack and drive from laptop or CI
• Studio browser editor — preview and edit compositions visually
• frame.md design system — invert your web design tokens for video composition
• Media OS — resolve BGM, SFX, images, voice, color grade into frozen local files
• Audio mixing — voiceover carve, EQ, compressor, limiter, automation envelopes, submix buses