SOURCE PROJECT

html-video

Selected reusable resources from this project, with specific artifact links and review notes.

Framework

html-video

HTML-to-local-MP4 layer for coding agents, with a template gallery and one render-adapter interface. The shipped engine is HyperFrames (headless Chromium and FFmpeg); Remotion, Motion Canvas, Revideo, and Manim adapters are documented as roadmap only and do not render here. The repository is Apache-2.0 and documents 21 templates; this catalog adds the framework entry, six NOTICE-marked originals, five NOTICE-named HyperFrames forks (Swiss Grid, Kinetic Type, Warm Grain, Decision Tree, and Vignelli), Bold Poster and Bold Signal (Apache-2.0, with MIT frontend-slides provenance, and not HyperFrames forks), and Build Minimal (Apache-2.0, distilled from MIT-licensed huashu-design, and not a HyperFrames fork). Other HyperFrames example forks stay out. The preview is the repository hero PNG (thumb link), hotlinked under Apache-2.0. Source-reviewed on 2026-10-28; not render-tested.

html-videoSource reviewed

Scene

Glitch Title Frame

HyperFrames title card with RGB shift, scanlines, and chromatic offset. templates/NOTICE.md lists it as an original Apache-2.0 html-video template, separate from other glitch snippets already in this list. Reuse templates/frame-glitch-title and replace the title and subtitle. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 3 to 8 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

NYT-Style Data Chart Frame

Editorial animated chart with serif headlines and a traced series, written as an original Apache-2.0 html-video template. It is inspired by newspaper data graphics and is not a fork of the HyperFrames data-chart block already listed. Reuse templates/frame-data-chart-nyt and replace the headline and data. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 5 to 20 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

Light-Leak Cinematic Frame

Cinematic card with film grain and light-leak overlays. templates/NOTICE.md lists it as an original Apache-2.0 html-video template. Reuse templates/frame-light-leak-cinema and replace the headline. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 4 to 10 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

Liquid Background Hero

Hero card over a moving liquid gradient, with a centered headline and optional call to action. templates/NOTICE.md lists it as an original Apache-2.0 html-video template. Reuse templates/frame-liquid-bg-hero and replace the copy. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 4 to 12 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

Logo Outro Frame

End card that assembles a logo treatment, adds a glow, and reveals a brand line. templates/NOTICE.md lists it as an original Apache-2.0 html-video template. Reuse templates/frame-logo-outro and replace the brand name and tagline. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 3 to 10 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

VFX Text Cursor

Typewriter card with a glowing cursor and light streaks. templates/NOTICE.md lists it as an original Apache-2.0 html-video template. Reuse templates/vfx-text-cursor and replace the typed line. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 3 to 10 seconds. The playable preview is the Open Design mirror MP4 on jsDelivr, hotlinked under Apache-2.0; HEAD-checked on 2026-10-28 and not render-tested locally.

html-videoSource reviewed

Scene

Swiss Grid

HyperFrames card on a structured grid for corporate slides and typography-led titles. templates/NOTICE.md lists frame-swiss-grid as a direct Apache-2.0 fork of heygen-com/hyperframes registry/examples/swiss-grid. Reuse templates/frame-swiss-grid and replace the copy. The spec defaults to 1920 by 1080 at 30 fps, with a variable length of 3 to 30 seconds (default 10). The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film.

html-videoSource reviewed

Scene

Kinetic Type

Bold kinetic typography promo for punchy intros and statement headlines. templates/NOTICE.md lists frame-kinetic-type as a direct Apache-2.0 fork of heygen-com/hyperframes registry/examples/kinetic-type. Reuse templates/frame-kinetic-type and replace the copy. The spec defaults to 1920 by 1080 at 30 fps, with a variable length of 3 to 30 seconds (default 15). The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film.

html-videoSource reviewed

Scene

Warm Grain

Cream editorial card with a grain texture for lifestyle brands and magazine-style intros. templates/NOTICE.md lists frame-warm-grain as a direct Apache-2.0 fork of heygen-com/hyperframes registry/examples/warm-grain. Reuse templates/frame-warm-grain and replace the copy. The spec defaults to 1920 by 1080 at 30 fps, with a variable length of 3 to 30 seconds (default 10). The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film.

html-videoSource reviewed

Scene

Bold Poster

Editorial poster card with a red rule, a giant display figure, and tilted headline lines. template.html-video.yaml licenses it Apache-2.0 and attributes the design spec to frontend-slides by Zara Zhang (MIT); templates/NOTICE.md does not list it as a heygen-com/hyperframes fork. Reuse templates/frame-bold-poster and replace the headline. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 4 to 6 seconds. The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film.

html-videoSource reviewed

Scene

Decision Tree

Branching flowchart for how-to flows and process diagrams. templates/NOTICE.md lists frame-decision-tree as a direct Apache-2.0 fork of heygen-com/hyperframes registry/examples/decision-tree. Reuse templates/frame-decision-tree. The spec defaults to 1920 by 1080 at 30 fps, with a variable length of 3 to 30 seconds (default 15). The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film. The template package has a video preview and no generative prompt.

html-videoSource reviewed

Scene

Vignelli

Bold type with red accents for social statements. templates/NOTICE.md lists frame-vignelli as a direct Apache-2.0 fork of heygen-com/hyperframes registry/examples/vignelli. Reuse templates/frame-vignelli and replace the copy. The spec defaults to 1080 by 1920 at 30 fps, with a variable length of 3 to 30 seconds (default 10). The linked Open Design preview.mp4 probed as 1920 by 1080. The playable preview is that raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film. The template package has a video preview and no generative prompt.

html-videoSource reviewed

Scene

Bold Signal

Dark section card where a section number rolls in, a breadcrumb fades, and an orange card slides in with the title. template.html-video.yaml licenses it Apache-2.0 and attributes the look to the frontend-slides Bold Signal preset by Zara Zhang (MIT); templates/NOTICE.md does not list it as a heygen-com/hyperframes fork, and the yaml says the motion was rebuilt rather than copied verbatim. Reuse templates/frame-bold-signal and replace the title. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 3 to 6 seconds. The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film. The template package has a video preview and no generative prompt.

html-videoSource reviewed

Scene

Build Minimal

Whitespace hero that reveals one thin word, then a warm-gold hairline. template.html-video.yaml licenses it Apache-2.0 and attributes the look to huashu-design by alchaincyf (MIT); templates/NOTICE.md does not list it as a heygen-com/hyperframes fork, and the yaml says the motion was rebuilt rather than copied verbatim. Reuse templates/frame-build-minimal and replace the hero word. The spec defaults to 1920 by 1080 at 60 fps, with a variable length of 4 to 7 seconds. The playable preview is the Open Design raw GitHub MP4, hotlinked under Apache-2.0; HEAD-checked on 2026-10-29 and not render-tested locally. The short loop is not a finished film. The template package has a video preview and no generative prompt.

html-videoSource reviewed