---
title: "Animated Text Scroll — Free Framer component · Best of Framer"
description: "Free Framer component · by Balogun Ilias · Text. Scroll Driven Text Animation"
canonical: "https://framer.elliotli.dev/component/animated-text-scroll"
---

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

# Animated Text Scroll

Scroll Driven Text Animation

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

![Animated Text Scroll preview image 1](https://framer.elliotli.dev/og/component/animated-text-scroll/2f0a4747d3eb8a5e/1600x1200.jpg)

## Summary

Scroll Driven Text Animation

## Description

**About**

Scroll down and the words type themselves. Each letter lands in the middle of your screen, then drifts off to the left as the curve carries it away. The trick: the text isn't moving — the camera is. It rides along one long curve, so the letter being written is always dead centre while the world tilts around it.

**Use case**

Hero sections. Brand statements. Manifesto pages. Anywhere a headline deserves more than a fade-in — and any moment you want someone to keep scrolling just to see what comes next.

**Features**

-   Any text length, from three words to a full paragraph
    
-   Any font — kerning and spacing stay exactly right
    
-   Fluid sizing that scales with the screen
    
-   Pinned or in-flow — drop it in, or use your own sticky section
    
-   Controls for curve, reveal speed, anchor point and camera follow
    
-   Four ready-made text specimens included
    
-   Setup in three steps: drag, set height, type
    

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

-   All · #6083

## Details

- **Author**: Balogun Ilias
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **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