---
title: "Scroll Word Reveal — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Fabian Albert · Text. Reveal words dynamically"
canonical: "https://framer.elliotli.dev/component/scroll-word-reveal"
---

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

# Scroll Word Reveal

Reveal words dynamically

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

![Scroll Word Reveal preview image 1](https://framer.elliotli.dev/og/component/scroll-word-reveal/7351e23f4a3bda32/1600x1200.jpg)

## Summary

Reveal words dynamically

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lucr5rku-CX8YhT1XztTM6MGO18OB8BEdx2k02R)](https://www.framer.com/marketplace/plugins/eleveight-supply--dyrz0jnnwwyugndbj9bqkcdx0/)

Create interactive reading experiences by dynamically revealing words as the user scrolls. This component allows phrases to animate in real time, with words fading in or highlighted in custom colors as the page moves.

You can fine-tune the effect with controls for opacity, offset, and triggers, giving you complete flexibility to decide how and when each word appears.

Perfect for storytelling, editorial content, and bold hero sections, this effect adds motion and engagement to text while keeping the design smooth and responsive.

Adjustable properties

-   Native font styling
    
-   Main color
    
-   Base opacity
    
-   Offset trigger
    
-   Trigger (Scroll, In view)
    
-   Paragraph gap
    
-   Words switching trigger
    
-   Highlight words by color
    
-   Always visible words
    

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

-   All · #9582

## Details

- **Author**: Fabian Albert
- **Price**: $10.00
- **Published**: 2025-08-26
- **Updated**: 2026-05-17
- **Added**: 2025-08-16
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing