---
title: "Text Scroll Animate — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Aidan Looker · Text. What is Text Scroll Animate?"
canonical: "https://framer.elliotli.dev/component/text-scroll-animate"
---

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

# Text Scroll Animate

Word-by-word scroll text magic

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

![Text Scroll Animate preview image 1](https://framer.elliotli.dev/og/component/text-scroll-animate/a41d0cf0cb7be60d/1600x1200.jpg)

## Summary

What is Text Scroll Animate?

## Description

## What is Text Scroll Animate?

Bring your copy to life with scroll‑driven, word‑by‑word motion. **Text Scroll Animate** is a component that turns any headline or paragraph into a cinematic reading experience, using smooth Color, Fade Up, and Blur effects that react to scroll. Designed for modern hero sections, storytelling pages, and case studies, it gives you fine‑grained control over how each word enters, highlights, and exits—without writing a single line of code.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

### Features

-   **Three premium animation modes:** Color highlight, Fade Up entrance, and Blur‑to‑focus/blur‑away, all tuned to feel polished in real landing pages and editorial layouts.
    
-   **Word‑level scroll control:** Each word animates independently with adjustable scroll start/end percentages, word stagger, reversible behavior, and (for Blur) a dedicated blur‑strength slider.
    
-   **Inline emphasis with simple syntax:** Add italics and bold directly in the text property using lightweight asterisk syntax, so individual words stand out without extra layers or manual spans.
    
-   **Typography‑first design:** Works with any Framer font, fully respects size, weight, line height and alignment.
    
-   **Canvas‑friendly behavior:** Optimized to stay readable on the Framer canvas while still using true scroll‑based animation in preview and on your published site.
    
-   **Drop‑in ready workflow:** Drag the component in, paste your copy, pick an animation style, tweak a few sliders, and you’ve got expressive, scroll‑driven text in minutes.
    

## Questions or custom requests?

-   We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).
    

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

-   All · #10095

## Details

- **Author**: Aidan Looker
- **Price**: $5.00
- **Published**: 2025-12-11
- **Updated**: 2026-06-13
- **Added**: 2025-12-04
- **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