Overview
Hyperframes is an open-source video rendering framework that empowers you to craft, preview, and render dynamic video compositions entirely using HTML. It's engineered from the ground up for seamless integration with AI agents, transforming your HTML descriptions into compelling video content.
Key Features
- HTML-Native Compositions: Define your videos using standard HTML, CSS, and data attributes. No proprietary DSLs or complex frameworks required.
- AI Agent First: Built to be controlled by AI coding agents (like Claude Code, Cursor, Gemini CLI, Codex). Simply describe your desired video, and the agent, augmented with Hyperframes' "skills," will generate the HTML, animations, and rendering instructions.
- Deterministic Rendering: Ensures that the same input consistently produces identical video output, crucial for automated pipelines and predictable results.
- Flexible Animation Framework: Integrates with popular animation runtimes including GSAP, Anime.js, CSS Animations, Lottie, Three.js, and Web Animations API (WAAPI) through its "Frame Adapter" pattern.
- Extensive Component Catalog: Access over 50 pre-built blocks and components, from social media overlays and shader transitions to data visualizations, speeding up development.
- Apache 2.0 Licensed: Fully open-source, allowing for unrestricted commercial use without per-render fees or licensing limitations.
Typical Use Cases
- AI-Driven Video Generation: Leverage AI agents to translate natural language descriptions or data inputs (like CSVs or PDFs) into rich video content.
- Automated Content Creation: Generate videos for marketing, social media, product explainers, or data visualizations at scale.
- Dynamic Presentations & Explainers: Quickly create engaging videos that illustrate concepts, showcase features, or present information with animated text, graphics, and audio.
- Personalized Video Messaging: Develop pipelines for generating customized video messages tailored to individual recipients.
- Prototyping & Iteration: Rapidly preview and iterate on video designs directly in the browser, with the ability to render final output via CLI.
