Reel Hook Frame
Social formatsA vertical opener whose hook lands inside twenty frames, laid out clear of the platform's top and bottom chrome
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 4 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Hookhook · string
The hook. It has to land in under a second, so keep it short and concrete.
now: You are rendering video the slow way
- Supportsupport · string
Supporting line beneath the hook.
now: Here is what changed
- Nudgenudge · string
Bottom affordance text.
now: Swipe up
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: slate
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
A 9:16 opener built for the first second: hook copy set large in the upper third above the caption zone, a supporting line, and a looping swipe-up nudge at the bottom, readable with sound off.
