Text Stagger

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Preview component

Text Stagger turns any line of text into a polished, staggered animation. Each character animates in sequence with refined easing, so your headlines, links, and labels feel alive without a single keyframe.

How to use

1. Drag TextStagger onto the canvas.

2. Type your text in the property panel.

3. Pick an Animation and a Trigger.

4. (Optional) Enable Swap Text for a second word/color on activation.

5. Tune duration, stagger, and font to taste.

Watch here

Features

• 8 animation styles — Slide Up, Slide Down, Slide Left, Slide Right, Roll, Scale, Blur, and a 360° Flip

• 4 triggers — Hover, On View (scroll-in), Click (toggle), and Loop (auto-repeat with adjustable interval)

• Text swap — show a different word and color when active (great for buttons & links)

• Stagger control — start, middle, end, or random character order, with adjustable timing

• Custom typography — full font controls (family, weight, size, spacing, line height)

• Adjustable speed — fine-tune duration and stagger per instance

• Lightweight & responsive — built on Framer Motion, auto-sizes to your text

Refund Policy

Due to the nature of digital products, all sales are final. Once purchased, this template is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com