hyperframes vs Pencil
Both in the content & visuals category. Side-by-side — pick the one that fits your stack tonight.
Write HTML. Render video. The agent-native alternative to Remotion.
- rating
- 4★
- tested
- ✓ loya-tested
- cost
- free
- install
- drop-in
- stars
- 9,158
- updated
- 4d ago
You want drag-and-drop video editing — this is code-driven, you write HTML.
Design on a canvas. Claude codes it pixel-perfect. No more 'close but not quite.'
- rating
- 4★
- tested
- —
- cost
- free
- install
- drop-in
- stars
- 0
- updated
- 4d ago
You prefer prompting with words or you're on Windows / Linux (Mac-only for now).
why it matters · hyperframes
Hyperframes lets you build videos the same way you build a webpage — write HTML, style with CSS, animate with GSAP or Three.js, then render to MP4. Built by HeyGen for Claude Code to drive directly (ships with skill packs, CLI lint + preview + render). Tested in a scaffolded lab to prototype LYRC 3D lyric videos — handles Three.js scenes that Remotion chokes on. Free, open source, Apache 2.0.
why it matters · Pencil
Pencil is a visual design canvas you drop onto your Mac that talks directly to Claude Code. You sketch what you want — a thumbnail, a hero section, a landing page — and Claude writes the exact code for it. No more describing what you want in words and praying the output matches. This is the missing bridge for anyone who's been frustrated by 'close but not quite' output. Free to use with your existing Claude Code subscription. Works on Mac.