← Discover
GitHub · heygen-com/hyperframes↑ +395 today

Convert HTML codes to video

Developed by Heygen, Hyperframes offers a framework that converts HTML codes directly into video. Designed to make it easier for artificial intelligence agents to produce visual content, this tool converts web-based interfaces into video format.

Updates

  • November 8, 2026: Stars 80,656 → 80,713, latest release v0.9.23 (November 8, 2026).
  • November 8, 2026: Stars 79,673 → 80,656, latest release v0.9.22 (November 8, 2026).
  • November 6, 2026: Stars 79,070 → 79,673, latest release v0.9.19 (November 6, 2026).
  • November 5, 2026: Stars 78,485 → 79,070, latest release v0.9.15 (November 5, 2026).

What you get

  • Video production with HTML and CSS
  • Working compatible with artificial intelligence agents
  • Bringing your own design system to video

Installation

Setup for AI agent
npx skills add heygen-com/hyperframes
Manual CLI installation
npx hyperframes init my-video
cd my-video
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

Running it

Preview and render
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

If you don't write code

Paste this into your AI agent (Claude Code · Codex · Antigravity)

Using /hyperframes, create a 10-second product intro with a fade-in title, a background video, and subtle background music.

Repository: https://github.com/heygen-com/hyperframes. Follow the official instructions in the README of this repository for setup and execution.

Before starting, check which OS we are on and if the necessary tools (e.g., Python, Node.js, Git, Docker) are installed. Install any missing ones step-by-step according to this system.

Create a new, empty folder to work in. Do not touch any files outside this folder and do not delete anything. Tell me what you are going to do in one sentence before running each command.

Tell me what I should see on the screen at the end of each step. If an error occurs, I will paste the error message to you exactly as it is, and we will fix it together.

Related dictionary terms

Who it is forIt is suitable for developers who want to produce automatic video content using web technologies and designers working with artificial intelligence agents.
LicenseApache-2.0

Links

TreScout did not build this tool · we found it in GitHub trends and wrote it up. This page describes the repository as of 2026-06-23: The star count and our text belong to that day, the repository may have changed since. Check the repository link for the current state. The introductory text was prepared with AI from the repository's own documentation, and this page was machine-translated from the Turkish original · the Turkish version prevails.