Motion › Overlay

Tier list animation

Tier list: 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 Tier list at 0:09 titled "Ranking my hooks…" and drop each hook into its row as I name it.

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

What it does

An S/A/B/C/D board in the lower half. Tiles drop into their rows one by one while a chip says "Ranking…", then "Ranked".

Use it for

Ranking tools or appsComparing habits or optionsHot takes

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