An open-source engine (HeyGen, Apache 2.0) that turns an HTML file with timing attributes into a deterministic MP4. Installed on Malik as 20 agent skills. This page is a map of everything it can do — with live samples.
Every clip below was authored as an HTML file and rendered to video on our server — using our own content and data, not HeyGen's demos. Most are deliberately unbranded / neutral to prove the flexibility; one shows the Accord brand option. Hover to play.
Our actual 17.3-month runway (from Burn Watch) counting up with a filling ring. Neutral dark styling — no brand applied.
The real $5.58M raise (Raed, Pamoja, DPI, FV, angels) — bars grow, total counts up. This is the chart-race pattern off our own data.
Punchy three-line typographic hit on a light canvas. Completely neutral — shows the blank-canvas mode with zero branding.
Rendered with a transparent background (.webm alpha), shown here composited over stand-in footage. Drop it onto any talking-head clip.
The one branded sample — chevron draws in, wordmark rises, gold rule. This is what applying a frame.md looks like; every other clip skipped it.
The first end-to-end test — chevron + wordmark + tagline + stat line, all beats sequenced. Rendered in 13.5s.
For range: HeyGen's own showcase pieces showing what a fully-produced HyperFrames video looks like (3D, shader transitions, footage compositing, voiceover). Each has open source you can inspect and remix.
CSS + GSAP + Lottie + shader transitions + Three.js + footage compositing + captions + voiceover + SFX — the full stack in one render.
View source →42s clip showing agents turning a website into product promos, social ads, and feature showcases from the site's own visuals.
View source →UI mockups, voiceover, SFX and a narrative arc — the pattern for a Regent / Mushir / Accord OS product reveal.
View source →An effects reel combining 3D, HTML-in-canvas, generated media, text animation and product-UI beats in a single composition.
View source →Texture-mask type, shader backgrounds and transition-heavy title design — a kinetic title / brand-sting reference.
View source →One router reads your request and dispatches to a workflow. Workflows compose against the atomic capability layers. You never manage this by hand — you just say what you want.
Branded or unbranded — your call, per project. A sampling mapped to things we already do.
Burn Watch, cash simulator, benchmark data → a chart that draws and animates itself.
LP update or deck as a 60–90s piece, paired with our ElevenLabs voiceover.
Feature-reveal videos straight from a GitHub PR — aljeel repo or any code work.
Regent / Mushir / Accord OS reveals — UI mockups, narration, feature beats.
9:16 vertical for Reels / Shorts, or 16:9 — kinetic captions, overlays, music.
.mov / .webm lower-thirds and logo stings to drop onto other footage.
Branching + hotspots + presenter mode — a navigable deck, no render needed.
Animated tweets, headlines, quotes — quick motion hits, seconds to render.
Nothing is locked. Branding is opt-in per project — not baked into the engine.
A frame.md file is what applies a brand. Drop it in → Accord look (Newsreader serif, navy, gold). Leave it out → a neutral blank canvas styled freely per project. Or write a different frame.md for Regent, Mushir, a client.
Aspect ratio, length and output type are chosen at build time. Same composition can ship 16:9 for a deck and 9:16 for social, or export as a transparent overlay instead of a solid MP4.
16:99:1610s → 3 minMP4transparent .mov / .webmframe.md when you say so. Everything else stays a free canvas.