Text Kinetic Flow: Premium Typography Component by Aidan Looker

Add mesmerizing, physics-driven motion to any headline. Text Kinetic Flow animates each character independently with organic sine waves, flowing gradient colors, and energy pulses — turning static type into a living visual experience.

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.