Motion › Overlay

Mind map animation

Framework map: a motion graphic for talking-head videos. Copy the prompt, and Takes puts it on your take.

Preview · 5 s · no sound
Paste in Takes

Add a Framework map at 0:08 titled "My posting system": "One take" in the middle, with Record, Cut, Caption and Post, each sharp when I name it.

Works in the Takes chat, or in Claude Code with the Takes MCP.

What it does

A crimson glowing node with curved wires to four frosted cards. The cards come in blurred, and each one sharpens as its step is named. At the end a red ring of rays opens behind the node.

Use it for

A system with four partsComing back to a framework step by stepCourse and coaching content

How it is made

Overlay. A HyperFrames composition (HTML and GSAP) that Takes renders on your Mac and lays over your take, timed to the words you say. It works in 9:16, 4:5, 1:1 and 16:9. The people in the preview are made with AI; they are not real people.

More motion graphics

Free Mac app · works with Claude Code

You found the motion.
Takes does the rest.

Record your video in Takes. Say which effect you want and where. Claude Code cuts the take, times the motion to your words and writes the posts.

LinkedIn · X · YouTube · Shorts · Reels · TikTok