← All videos

Original prompt — Tested

HyperFrames animated headline prompt — hero text film

by MotionPrompts (own run)
Kinetic typeLaunch video

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> A 7-second animated headline film, 1280x720 landscape, demonstrating three hero reveals in sequence. Reveal 1: BUILD SOMETHING LOUD. drops in word by word from above with a hard ease. Reveal 2: a second headline wipes in behind a moving clip mask. Reveal 3: SHIP IT. slams per word at full scale. Small corner labels name each mechanic (DROP / WIPE / SLAM) as it plays. Banned: glows, gradients, type so large it clips mid-animation without intent, more than one mechanic on screen at once, lorem ipsum headlines. </direction> <structure> Beat 1 (0.35–1.3s): DROP reveal + label. Beat 2 (2.7–3.8s): WIPE reveal + label. Beat 3 (5.1–5.85s): SLAM reveal + label. Hold the last headline to 7s. </structure> <build> One HyperFrames composition, seek-driven GSAP. Wipe = clipPath inset tween. Slam = scale from 1.4 + opacity with power4.in at 0.18s per word. Each reveal clears the stage fully before the next starts. </build> <gotchas> Nothing broke. Verified each reveal at its midpoint and at rest — the mask wipe never leaves a half-clipped word at rest, and the slam words settle on a shared baseline. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.

A hero-headline film showing three distinct reveal mechanics back to back — split-flap style drop, mask wipe, and per-word slam — so a landing-page hero can be prototyped in motion before anyone writes CSS.

Run log

What broke (and the fix)

  • Nothing broke. Check passed first time and the snapshot pass verified all three reveals: the masked lines land without clipping their descenders, the letter-pop word stays inside the frame at full overshoot, and the split headline settles exactly on centre before the CTA drops.

Related videos

ModelClaude (agent build)
Renderer / stackHyperFrames + GSAP
Iterations to final1
Render time19s (final render)
Format1280×720 · landscape
Published2026-10-25

Submit a video

Know a motion video made with an AI coding model? Send the post. Rules: