---
title: "SuperTextFlow — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Aditya Verma · Text. A scroll-triggered text reveal"
canonical: "https://framer.elliotli.dev/component/supertextflow"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/SuperTextFlow

# SuperTextFlow

A scroll-triggered text reveal

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

![SuperTextFlow preview image 1](https://framer.elliotli.dev/og/component/supertextflow/17776cdda00a5e22/1600x1200.jpg)

## Summary

A scroll-triggered text reveal

## Description

Key Features

**Multi-Font Styling**

Mix and match fonts within the same text block using simple markdown syntax:

-   **text** → Accent font (bold headlines)
    

-   _text_ → Secondary font (italics, emphasis)
    

**Inline Color Control**

Apply up to 5 custom colors to any part of your text:

-   {1}highlight{/1} through {5}accent{/5}
    

**Three Reveal Modes**

-   **Words** — Reveal word by word for punchy storytelling
    

-   **Letters** — Character-by-character for dramatic effect
    

-   **Lines** — Full line reveals for longer content
    

**Smooth Animations**

-   11 easing options (ease-in, ease-out, cubic, expo)
    

-   Configurable reveal duration
    

-   Scroll-linked color transitions
    

**Ghost Layer**

Optional faint preview layer showing the full text, creating depth and anticipation.

This renders with:

-   "discover" in Color 1
    

-   "bold ideas" in your Accent font
    

-   "stunning" in your Secondary font (italic)
    

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

-   All · #8689

## Details

- **Author**: Aditya Verma
- **Price**: $10.00
- **Published**: 2026-03-25
- **Updated**: 2026-07-03
- **Added**: 2026-01-25
- **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