---
title: "Typography Flow — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Roman Koby · Text. Typography Flow is a clean kinetic typography component for Framer."
canonical: "https://framer.elliotli.dev/component/typography-flow"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Typography Flow

# Typography Flow

Animated Words Component

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

![Typography Flow preview image 1](https://framer.elliotli.dev/og/component/typography-flow/13a6b8520334f814/1600x1200.jpg)

## Summary

Typography Flow is a clean kinetic typography component for Framer.

## Description

[MORE COMPONENTS →](https://www.framer.com/@rkoby/?tab=component)

**Typography Flow - Animated Words Component**

Typography Flow is a clean kinetic typography component for Framer. It turns a simple word list into a smooth animated text section for hero blocks, portfolios, agency websites, and editorial layouts.

**Key features**

**Three animation presets**

-   **Wave Loop** — words move across the screen in a smooth loop.
    
-   **Ping-Pong** — rows move in opposite directions.
    
-   **Hover** — words react to the cursor with soft motion and brightness.
    

**Custom word list**

-   Add your own words directly in Framer.
    
-   Use it for services, categories, skills, values, or hero text.
    

**Typography controls**

-   Change font, size, line height, and style.
    
-   Customize dim color, active color, and background.
    

**Layout controls**

-   Adjust word gap.
    
-   Control side padding.
    
-   Fine-tune duration, stagger, shift, and fade.
    

**Perfect for**

-   Hero sections
    
-   Creative portfolios
    
-   Agency websites
    
-   Studio pages
    
-   Editorial layouts
    
-   Modern landing pages
    

**Refund policy**

This is a digital product, so all purchases are final and refunds are not available. Please review the product details before purchasing.

**Support**

If you need help with the component, feel free to reach out.

Email: [promakdesign@gmail.com](mailto:promakdesign@gmail.com)

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

-   All · #7685

## Details

- **Author**: Roman Koby
- **Price**: $8.00
- **Published**: 2026-07-08
- **Updated**: 2026-08-18
- **Added**: 2026-07-08
- **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