Scroll-revealed text with perfect left-edge alignment. Fill by word or whole paragraph, vivid gradient or editorial, plus Newspaper underline. Custom line breaks, triggers, fonts.
Make it with Workshop
Build your own component with AI
Bring headlines and long copy to life—without hacks.Aurora Text Reveal animates text as you scroll, with pixel-perfect left alignment and two reveal modes: by word or across the entire paragraph. Choose a vivid gradient, a clean editorial look, or the Newspaper underline that fills as you read.
Flawless left edge: no indent drift on wrapped lines.
Whole-paragraph gradient: one continuous gradient that tracks the exact line wraps.
Per-character fade: smooth, readable reveal as you scroll.
Newspaper mode: soft underline that can fill live with scroll.
Manual line breaks: split the paragraph exactly where you want with Break After.
Sane panel: only the controls you need.
Text – Your copy (plain text, multi-line).
Font – All Framer font properties.
Preset – Editorial, Vivid Gradient, Newspaper (Underline).
Unrevealed Color – Color of the yet-to-reveal text.
Gradient Start / End – For Vivid Gradient.
Gradient Scope – Per Word or Whole Paragraph.
Underline – Color for Newspaper preset.
Live Fill (Scroll) – Animate the underline width with scroll.
Trigger Start / End – When the reveal begins/ends within the viewport.
Break After – Comma-separated word indices to force line breaks (e.g. 6, 18, 34).
Drop Aurora Text Reveal onto your canvas.
Paste your copy into Text.
Pick a Preset (try Vivid Gradient on dark).
Tune Trigger Start/End for your layout (e.g. 0.9 / 0.3).
If you need precise line wraps, add indices to Break After.
For longer sections, use Whole Paragraph scope for a single flowing gradient.
Keep Unrevealed Color slightly muted for best contrast.
If the reveal feels too fast/slow, nudge Trigger sliders rather than changing animation curves.
