hyperframes CLI

Tools · Edit, render, publish · Apache-2.0

Tap the picture to play it.

What it does

The command-line tool (npm hyperframes 0.9.23): scaffold a project, lint, take stills, preview in a local Studio, and render HTML to MP4, WebM, MOV with alpha, GIF or a PNG sequence with headless Chrome and FFmpeg. Tried: a 6 s 1280×720 film rendered in 16 s on our machine with the browser already there.

Get it

In a project folder: npm install hyperframes@0.9.23 --ignore-scripts, then run it with DO_NOT_TRACK=1 HYPERFRAMES_NO_TELEMETRY=1 HYPERFRAMES_NO_UPDATE_CHECK=1 HYPERFRAMES_NO_AUTO_INSTALL=1 HYPERFRAMES_SKIP_SKILLS=1 and HYPERFRAMES_BROWSER_PATH pointed at a Chrome headless shell. hyperframes init <name> --example blank --non-interactive --skip-skills, edit index.html, hyperframes render . -o out.mp4.

Copy how to use itCopy for an agentSource on GitHub

Needs

Node 22+; FFmpeg; a Chrome headless shell (it downloads a pinned one on first render unless HYPERFRAMES_BROWSER_PATH is set); network at render for GSAP and fonts unless they are made local; 120 MB installed

License

Apache-2.0

License notes are on the pack's page

From

HyperFrames

Everything from HyperFrames in the gallery

Back to the Asset Library