Ren writes guides, runs workshops, and breaks the CLI on purpose so you do not have to. Previously dev rel at a CI company; before that, an actual filmmaker.
Per-recipient birthday cards from a CSV. One HTML template, hundreds of personalized MP4s, sent at scale.
Spotify Canvas accepts 3-8 second vertical MP4 loops. Here's how to generate one — or one per track — from an HTML template.
Every release deserves a one-minute reel. Same source as your written changelog, animated, MP4 in the announcement tweet.
The grid of green squares is the most copied chart on the internet. Here's how to animate it deterministically and ship the MP4 in a launch video.
X expanded its Card spec to support short MP4 previews. Here's how to generate one per post, automatically, from an HTML template.
Most platforms still want a static og:image. A handful — Discord, Telegram, Slack — preview MP4s. Here's how to serve both from one source.
A clean animated line chart in plain HTML and SVG. Path tracing, gridlines, a moving dot, and a render-to-MP4 export. No D3, no Chart.js.
CSS scroll-driven animations finally went baseline in 2026. A practical tutorial on mapping video timelines to scroll positions, when to use scroll vs video, and the hybrid pattern we use on hyperframes.dev.
Six clip-path wipe variants for transitioning between shots — and the timing rules that make each one work.
A KPI card that animates its value, with the easing and typography choices that make a number feel like a result.
Prompt → HTML → MP4 in one POST. The system prompt, the rendering route, and the safety net.
Render TikTok-ready 9:16 videos from HTML templates. CSV → 100 variants overnight. Vertical layout, safe areas, watermark handling, MP4 export.
Branches, diffs, code review, and rollback for motion graphics. What it actually means to put video under version control, and why every other tool stops short.
Automate Instagram Reels production with HTML templates and a data file. 9:16 layout, audio sync, safe zones, deterministic MP4 export.
SMIL, CSS, JS-driven — every flavor of SVG animation, rendered to a deterministic MP4 you can ship anywhere.
A countdown timer with flip-card digits, target-date config, and a render-to-MP4 button. Pure HTML, no library.
Ten animated progress bars in pure CSS: striped, gradient, segmented, indeterminate, dual-track. All free to copy, all render to MP4.
What does video tooling look like when the author is a language model? A look at how HyperFrames was designed from frame one to be the easiest video pipeline an LLM can drive.
Build animated route map videos: SVG path tracing, marker animation, distance counters, MP4 export. From GPX or a JSON of coordinates.
Build a Slack-style notification toast: slide-in, hover-pause, swipe-to-dismiss, stacking. Pure CSS source, no animation libraries.
Build skeleton loaders that match your design: shimmer technique, content-shape rules, timing curves, and when not to use them.