Free guide · Sep 15, 2026
Make a video like this one with HyperFrames
The HyperFrames setup behind the reel, so you can build your own.
The short version
HyperFrames renders an HTML composition into video. Your coding agent writes the layout and animation; the project remains editable after export. You keep both the source folder and the MP4. It is useful for motion graphics, product announcements and repeatable video variants. Official repository
Our example is a ten-second, silent, vertical product intro for a real website, built in Claude Code and rendered with HyperFrames. The headline reads "What will you automate today?" in gold. The revision changes one word to "launch" and the accent to electric blue, while the animation itself stays untouched. It took one brief plus one fix pass, not a single flawless prompt. The same loop works in Claude Code or Cursor; only the agent name changes.
What's in the full guide
- 011. Prepare an empty project folder
- 022. Give the agent a complete first brief
- 033. Check and export the first version
- 044. Make the exact revision
- 055. Decide whether the revision worked
- 06What is free, and what can cost money?
- 07Fix the common failures
- 08Keep a reusable handoff