Text Kinetic Flow

Premium Typography Component by Aidan Looker

Show PreviewBuy for $6
Text Kinetic Flow

About Text Kinetic Flow

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.

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.