HyperFrames: Write HTML and JavaScript to Create Videos

HyperFrames is a new open-source framework for creating and rendering videos using HTML and JavaScript, offering a simpler, non-React alternative to tools like Remotion. Designed to be "AI-first" and optimized for agent-driven workflows, HyperFrames lets developers compose videos as standard HTML files, using data attributes to time and animate elements. It supports popular animation libraries such as GSAP and Lottie, and features deterministic rendering for consistent results in automated environments.

A standout feature of HyperFrames is its rich catalog of over 50 built-in blocks and components, including social overlays, shader transitions, data visualizations, and cinematic effects. These can be easily added to projects, streamlining the video creation process and making it accessible to web developers without React experience.

HyperFrames emphasizes simplicity and universality, leveraging HTML and JavaScript to lower the barrier for programmatic video creation. Its non-React approach allows for instant browser previews and avoids complex build steps, making it especially suitable for AI-driven workflows and developers seeking a straightforward, extensible solution.