Engines
Code-driven pipelines that when paired with an LLM, turn prompts into video. Each engine may produce a different output format, or artifact, and support different animation runtimes.
hyperframes
HyperFrames
Write HTML. Render video.
HyperFrames is an open-source framework by HeyGen that turns HTML, CSS, and JavaScript into deterministic MP4 videos. Compositions are standard web pages where timing and track data are defined via HTML data attributes. AI agents already write HTML, so they can compose, animate, and render videos without learning a proprietary format.
Highlights
- HTML-native: compositions are HTML files with data attributes, no proprietary timeline format
- Adapter-based animation: GSAP, CSS, Lottie, Three.js, Anime.js, or WAAPI
- Agent-friendly: non-interactive CLI designed for AI coding agents
- Deterministic rendering: headless Chrome captures frames, FFmpeg produces output
- Open source with no per-render fees or commercial-use thresholds
composition.html
<div data-composition-id="demo" data-width="1920" data-height="1080">
<h1 class="clip" data-start="0" data-duration="5" data-track-index="0">
Hello, HyperFrames!
</h1>
</div>lottie
Lottie
Vector animations, everywhere.
Lottie is a JSON-based animation format originally developed by Airbnb that renders high-quality vector animations on web, iOS, and Android. Instead of storing pixel data, Lottie files contain mathematical instructions for shapes, colors, and motion that a player library renders in real-time using the device's own graphics engine.
Highlights
- Vector-based: scales to any resolution without pixelation
- Lightweight: JSON files are a fraction of the size of equivalent GIFs or MP4s
- Cross-platform: native players for web (SVG/Canvas), iOS (Core Animation), and Android
- Interactive: elements can respond to scroll, click, and hover events
- dotLottie container format bundles multiple animations with themes and state machines
animation.json
{
"v": "5.5.7",
"fr": 30,
"ip": 0,
"op": 90,
"w": 1920,
"h": 1080,
"layers": [...]
}All models work with every engine
Pick any orchestration model and pair it with any engine. Pipevideo handles the routing, authentication, and response normalization.