---
title: "Text Kinetic Flow — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Aidan Looker · Text. What is Text Kinetic Flow?"
canonical: "https://framer.elliotli.dev/component/text-kinetic-flow"
---

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

# Text Kinetic Flow

Text that flows, pulses & breathes.

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

![Text Kinetic Flow preview image 1](https://framer.elliotli.dev/og/component/text-kinetic-flow/6ae4fc6905c12e8e/1600x1200.jpg)

## Summary

What is Text Kinetic Flow?

## Description

## What is Text Kinetic Flow?

Text Kinetic Flow adds continuous, fluid per-character animation to your text. Every character perpetually undulates with organic, layered sine-wave motion — creating a hypnotic, breathing effect perfect for hero sections, feature callouts, and landing page headlines. Supports multi-line text, full font customization, and six curated color themes.

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

## Core Features

-   Three distinct animation modes: Ambient (gentle breathing), Pulse (sweeping energy bursts), and Cascade (directional wave buildup)
    
-   Flowing gradient color that shifts through each character over time, creating a living, dynamic color effect
    
-   Six curated color themes (Ocean, Aurora, Ember, Frost, Neon, Monochrome) plus full custom color control
    
-   Per-character Y displacement, rotation, and scale driven by three overlapping sine waves for organic, non-repeating motion
    
-   Dynamic glow effect that intensifies during wave peaks, adding depth and polish to pulse animations
    
-   Multi-line text support with customizable letter spacing, line height, and alignment
    

## Controls inside Framer

### Typography

-   Text input with multi-line support (line breaks)
    
-   Font family and weight picker
    
-   Font size (20–300px)
    
-   Letter spacing (-20–40px)
    
-   Line height (0.5–2)
    
-   Alignment (Left, Center, Right)
    
-   Uppercase toggle
    

### Theme

-   Theme selector: Custom, Ocean, Aurora, Ember, Frost, Neon, Monochrome
    

### Colors

-   Flow Start color
    
-   Flow End color
    
-   Visible only in Custom theme mode
    

### Animation

-   Mode: Ambient, Pulse, or Cascade
    
-   Speed multiplier (0.2–3x)
    
-   Amplitude / wave height (1–30px)
    
-   Frequency / wave tightness (0.1–1.5)
    
-   Rotation / character tilt (0–15 degrees)
    
-   Pulse Boost intensity (visible in Pulse mode only)
    

### Extras

-   Color Flow toggle (enable or disable flowing gradient)
    
-   Hover Lift toggle (subtle lift on hover)
    

## Best use cases

-   Hero section headlines that need to feel alive and premium without competing with surrounding UI
    
-   Product or feature callouts where continuous, ambient motion draws attention more effectively than static text
    
-   Dark-themed landing pages, SaaS websites, and portfolio sites where subtle kinetic typography elevates the overall design language
    
-   Event and launch pages where a dynamic, eye-catching headline creates an immediate sense of energy and momentum
    

Drop it on your canvas, pick a theme, and transform any headline into a living, breathing visual in seconds.

## 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 · #11286

## Details

- **Author**: Aidan Looker
- **Price**: $6.00
- **Published**: 2026-04-08
- **Updated**: 2026-06-13
- **Added**: 2026-03-28
- **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