Tool profile · Video

Open Design html-video

Use a local coding agent to turn HTML, articles, or GitHub repositories into multi-frame MP4 video

html-video from the Open Design family is a local HTML-to-video workbench that combines storyboards, animated HTML, Hyperframes, and ffmpeg to output real MP4 files.

HTML to videoCoding agentStoryboardLocal renderingMP4

01 / Overview

About

html-video is the Open Design family's motion-focused meta-layer. Given a description, article URL, or GitHub repository, a local agent creates a multi-frame content-graph storyboard and self-contained animated HTML. Hyperframes then records frames with headless Chromium, while ffmpeg encodes and concatenates them into MP4. The official project distinguishes the shipped Hyperframes engine from adapters still on the roadmap.

02 / Core features

Core features

01

Link or repository to video

Fetch an article URL or GitHub repository and organize it into source material.

02

Agent storyboard

Use a content graph to organize entities, data, text, frame order, and timing.

03

Animated HTML frames

Generate a self-contained HTML animation for each node.

04

Local MP4 rendering

Use Hyperframes, headless Chromium, and ffmpeg to produce real video.

03 / Use cases

Use cases

01

Data visualization and explainers

Turn data, articles, or concepts into multi-frame explanation video.

02

Product and social video

Use templates for product promos, kinetic type, openers, and outros.

03

Repository tours

Turn the structure and purpose of a GitHub project into a watchable introduction.

04 / Platforms and languages

Platforms and languages

Platforms and devices

Local computerStudioCLI

Languages

Official pages are available in ChineseEnglishand additional languages; working language depends on the agent and template

The official project page says rendering happens locally, without cloud rendering or per-render fees; optional source fetching and AI soundtrack features can still make network requests.

05 / Similar products

Similar products

HTML Anything

Use a local coding agent to turn Markdown, tabular data, or text into publishable HTML.

AI HTML editor

Readdy

Generate, edit, and publish a complete website from a simple description

development

v0

Generate working web apps from natural language and connect them to GitHub and Vercel

development

06 / Common questions

Frequently asked questions

01Is html-video a cloud video generator?

No. It is positioned as a workbench that runs on your laptop, with local rendering through Hyperframes, Chromium, and ffmpeg.

02Can I start from an article or GitHub repository?

Yes. The official workflow supports pasting an article URL or repository and generating a storyboard from it.

03Which render engines are available now?

The official page marks Hyperframes as shipped; other adapters remain planned or under research.