Manifesto stacks your text as a multi-line statement and raises each line in turn with a rule sliding alongside, building the block from the top down.
What Manifesto is good for
Mission statements and brand manifestos
Quote cards and pull quotes
Multi-line titles that need structure
How this animation is built
mf-in raises each line on a stagger while mf-rule extends the accompanying rule with it. This is one of the few styles built for multiple lines rather than a single word — the layout engine breaks the input into lines and gives each its own delay.
Tips for Manifesto
The only style here that genuinely wants a full sentence. Use the line breaks.
Keep lines a similar length; a ragged block undermines the stacked structure.
Manifesto questions
How do I control the line breaks?
Break the text where you want the lines to fall. Each line becomes its own animated row with its own delay.
Related animation styles
Focus Pull — Cinematic blur-to-sharp reveal with a passing sheen
Highlighter — A marker stroke sweeps under the words, flipping them to ink
Impact — Word slams in with a spring pop and shockwave rings
Odometer — Digits roll up like a mechanical counter
Aberration — Chromatic channels tear apart and snap into focus
Billboard — Words flip up like rotating sign boards