Motion › Overlay

Screen recording with webcam

Layout morph: a motion graphic for screen videos. Copy the prompt, and Takes puts it on your take.

Preview · 5 s · no sound
Paste in Takes

Start me in a card, go to a bubble bottom left while I show the screen, then a side panel, then a card bottom right.

Works in the Takes chat, or in Claude Code with the Takes MCP.
Download Takes for MacHow it works

What it does

You sit over a screen recording in a card, a round bubble, a tall side panel or the full frame, and change layout mid-video: the box glides, resizes and rounds into the next layout in 0.7 s, with a short whoosh on each change.

Use it for

Small while the screen matters, big when you talk to the lensDemos with an intro and an outroCourse videos

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 is made for 16:9 screen videos and also works in 9:16, 4:5 and 1:1. It needs a screen recording with a camera take or a click log; Takes records both. The people in the preview are made with AI; they are not real people.

More motion graphics

Click animationClick ring · Overlay
Webcam bubbleStep aside in pauses · Overlay
Screen recording zoomScreen zoom · Full frame
Split screen videoSplit screen · Full frame
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.

Download for MacSee how it works
LinkedIn · X · YouTube · Shorts · Reels · TikTok