---
title: "Scroll text reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Alwan Rosyadi · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/scroll-text-reveal"
---

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

# Scroll text reveal

Smooth text reveal

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

![Scroll text reveal preview image 1](https://framer.elliotli.dev/og/component/scroll-text-reveal/51459a681ee62ae9/1600x1200.jpg)

## Summary

Smooth text reveal

## Description

**Animated Text Reveal** is a powerful, scroll-triggered component that brings your text to life, revealing it word by word as a user scrolls down the page. This component is designed for both ease of use and deep customization, featuring a wide range of properties:

-   **Accessibility:** Includes a tag for improved accessibility.
    
-   **Typography:** Full font customization.
    
-   **Color Control:** Set distinct start and end colors for the reveal effect.
    
-   **Trigger Alignment:** Choose the perfect moment to start the animation by setting the trigger to the top, middle, or bottom of the screen.
    
-   **Animation Units:** Select how the text reveals—by **character, word, or line**.
    
-   **Animation & Transition:** Fine-tune the animation with customizable speed, transition duration, and various easing properties.
    

Purchase this component to gain a commercial license for use in personal, client, or template projects. Please note that all sales are final.

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

-   All · #2146

## Details

- **Author**: Alwan Rosyadi
- **Published**: 2025-08-28
- **Updated**: 2026-06-23
- **Added**: 2025-08-20
- **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