---
title: "Auora Text Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Can Girgin · Text. Bring headlines and long copy to life—without hacks."
canonical: "https://framer.elliotli.dev/component/auora-text-reveal"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Auora Text Reveal

# Auora Text Reveal

[View on Framer](https://framer.com/marketplace/components/auora-text-reveal/?via=elliot-li)

![Auora Text Reveal preview image 1](https://framer.elliotli.dev/og/component/auora-text-reveal/10740e014729255a/1600x1200.jpg)

## Summary

Bring headlines and long copy to life—without hacks.

## Description

**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.

## What makes it different

-   **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.
    

## Controls

-   **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).
    

## How to use

1.  Drop **Aurora Text Reveal** onto your canvas.
    
2.  Paste your copy into **Text**.
    
3.  Pick a **Preset** (try _Vivid Gradient_ on dark).
    
4.  Tune **Trigger Start/End** for your layout (e.g. 0.9 / 0.3).
    
5.  If you need precise line wraps, add indices to **Break After**.
    

## Tips

-   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.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ba9vlxfl-247kwf7mj6KoCMItakiJe8ul6mpQmx)

## Rank history [How rankings work →](/terms#rankings)

-   All · #10213

## Details

- **Author**: Can Girgin
- **Price**: $5.00
- **Published**: 2025-09-15
- **Updated**: 2025-09-18
- **Added**: 2025-08-24
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos