---
title: "Reveal Text On Scroll — Free Framer component · Best of Framer"
description: "Free Framer component · by Ali Themes · Text · ranked #38 among Framer components. Scroll-linked text animation, 12 presets"
canonical: "https://framer.elliotli.dev/component/revealtextonscroll"
---

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

# Reveal Text On Scroll

Scroll-linked text animation, 12 presets

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

![Reveal Text On Scroll preview image 1](https://framer.elliotli.dev/og/component/revealtextonscroll/dde5657fd1e6d96a/1600x1200.jpg)

## Summary

Scroll-linked text animation, 12 presets

## Description

### Features

• **Split Modes** — Lines (masked reveal), Words, or Characters

• **Trigger** — Scroll-linked or On Load (fires when element appears)

• **12 Presets** — Default, Fade In Up, Blur Reveal, Cinematic, 3D Flip, Wave RTL, Typewriter, Glitch Rise, Soft Words, Cascade Down, Masked Lines, Scale Pop

• **Custom Mode** — Full control over stagger, offsets, blur, rotateX, perspective, and scale

• **Color Transition** — Smooth CSS color-mix from hidden to revealed color (supports dark mode)

• **HTML Tag** — Semantic tag (h1–h6, p, div, span) for SEO and accessibility

• **High Performance** — Direct DOM updates, no React re-renders during animation

### Use cases

Hero headlines, section titles, testimonials, landing page copy, and any scroll-driven storytelling.

### Options

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-udw7zf7p-AFIHE3nZNSzh6G4c9pfdF9lcmqt2ie)

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

-   All · #38

## Details

- **Author**: Ali Themes
- **Published**: 2026-03-12
- **Updated**: 2026-03-11
- **Added**: 2026-03-05
- **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