Hyperframes
ActiveDescription
Write HTML. Render video. Built for agents. An open-source tool from HeyGen that turns HTML templates into video content.
Key Features
- HTML to video rendering — deterministically renders HTML/CSS/JS templates into MP4 videos
- AI Agent integration — provides Skills for Claude Code, Cursor and other coding agents to generate videos directly
- Searchable animation support — integrates GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI animation libraries
- Frame.md design system — converts web design specs into video-format design system descriptions
- CLI preview and render — supports local live reload preview and one-click MP4 rendering
- data-attribute driven timing — controls video frame timing and multi-track composition via HTML data attributes
Use Cases
💡 Enable AI agents to auto-generate product launch videos from HTML templates
💡 Batch produce social media short videos using code-driven approaches
💡 Render animated data visualizations into shareable video files
💡 Auto-generate narrated video explainers from documents or PDFs
💡 Build reusable motion graphics templates for automated content pipelines
Tags
Categories
Quick Start
npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render