3D word slam vertical hook
A 3D kinetic text animation in 9:16: heavy words slam onto a black floor and the last one fires at the lens. Copy the prompt into Claude and edit the words.
Heavy extruded words fall onto a black studio floor and land one by one on the beat. A glowing accent bar then shoots across and pushes a second line up out of itself, row by row, while the first line shrinks and shifts upward.
The last word of line three launches from a slot in the floor to full frame, trailing outline echoes and shuddering on each beat before the lights go out. You can change all three lines, capitals, font weight, accent colour, type colour and background. At 1080x1920 and 10 seconds, it suits Reels, TikTok and Shorts openers.
Use it for
- Reels and TikTok opening hooks
- Bold caption-style teaser videos
- Launch announcement title cards
Specs
- Length: 10 seconds
- Format: vertical 9:16 (1080x1920), 30 fps
- Built with: Three.js in HyperFrames
- Category: Text
What happens, beat by beat
- 0.0 s: frame 0 already shows word 1 hanging over the floor at about 140% size.
- 0.5 s, 1.5 s: line 1 words slam (three words go on beats 1, 2, 3; more spread from beat 1 to 4).
- 2.75 to 3.0 s: the accent bar shoots across under line 1.
- 3.0 to 4.0 s: line 2 rows are pushed up out of the bar, one row per beat; line 1 is shoved up and shrinks to about half, pivoting on its bottom-left corner.
- 4.5 s: if line 2 ends in ., ! or ?, the full stop slams on its own beat.
- 5.0 s: bar retracts in 6 frames; camera pulls back to the whole stack.
- 5.25 s: the hero rises flush into its floor slot, glow charging.
- 5.5 s: the rest of line 3 slams, 3 frames apart.
- 6.0 s: the hero fires to full frame in 12 frames; all the other letters on screen skid away from the slot.
- 6.5 to 8.5 s: the hero vibrates on every beat; 7.5 s and 8.5 s hit hardest.
Build the type as real traced solids
- Trace glyphs from the font. Rasterise each character of a bundled condensed sans (Oswald, weight 200 to 700) at 360 px, run marching squares, simplify, snap anti-alias chamfers back to…
- Extrude with a bevel, stretched 1.38 times vertically for a tall poster feel, creased normals, flat lids, unkerned advances so pairs like "LA" never interpenetrate.
- Solve the layout from the words. Each word is a row justified to a shared width; short words are capped so the block fits its height. All blocks share the…
- Materials. Faces: [ink colour, default warm off-white #F5F2EA] satin with clearcoat. Walls and bevel: [accent colour, default acid lime #C8FF1E], emissive. The camera always looks slightly up, so each slab…
- Hero: accent lacquer face, deep dark-accent walls, 1.9 times tall. Four echo copies share its geometry with near-black faces and glowing accent walls, dimmer with depth, so the trail reads…
What you can change
- Expose as composition variables: [line 1], [line 2], [line 3], [capitals on/off], [font weight], [accent colour], [ink colour], [background colour]. Everything is a pure function…
How the prompt opens
Make a 10-second, 9:16 (1080x1920), 30 fps type-only hook in Three.js. Heavy extruded words fall onto a black studio floor and slam down one by one, a glowing accent bar shoots across and pushes a second line up out of itself, then the last word of a third line launches out of a slot in the floor to full frame, trailing outline echoes of itself, shudders on every beat, drops back and the lights go out. Default copy: [line 1: "Nobody reads"] / [line 2: "your captions."] / [line 3: "They read THIS."], where the last word of line 3 is the hero. Swap in your own words, weight and colours.
The full prompt runs 1,120 words. Copy it free (2 a day) from this page.
Copy the prompt into Claude, or pull the scene into Claude Code and render the MP4 on your machine: how it works.