Stacked Headline Beats
Kinetic typeOne word per beat, hard cut on the count, with a slow punch-in that lands on an accent payoff word
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 · 7 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.
- Wordswords · array
One word per beat, in order. Six to ten reads best. Short words hit hardest; anything over nine characters is scaled down to fit. Trailing full stops are a deliberate part of this style. The final entry is the payoff and lands in the accent colour.
now: 8 items
- Beatbeat · number
Frames each word holds before the hard cut, at 30fps. 15 = ~120bpm and feels urgent, 20 is confident, 30+ starts to feel like a slideshow. Clamped down automatically if the word count would otherwise crowd out the final hold.
now: 20
- Labellabel · string
Small mono label in the top-left corner. Omit it for a bare, poster-like frame.
now: Motionstash
- Letter caseletterCase · "upper" | "asis"
'upper' forces caps, which is the intended look. 'asis' respects the casing you pass.
now: upper
- Punchpunch · number
How much the word grows across its own hold, 0.04 is a 4% push, felt rather than seen. 0 freezes each word dead still.
now: 0.04
- Ticksticks · boolean
Show the footer: hairline rule, beat ticks and the beat counter. Off leaves only the word.
now: true
- 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
One huge word at a time, centred, hard-cutting to the next word every twenty frames like a cut on the beat, no cross-fades. Each word pushes in about four percent while it holds so it never sits still, and the last word lands in the accent colour and holds much longer than the rest. Give it a small mono label and a row of beat ticks so the frame looks composed rather than like a slide.
