KineticTextFlow

Show Preview
KineticTextFlow
KineticTextFlow

About KineticTextFlow

KineticTextFlow turns any headline into an interactive centerpiece. Letters launch into view with a staggered, physics-driven reveal, then react in real time as the cursor moves pushing away with spring-loaded bounce, trailing motion blur, subtle 3D tilt, and a warm color shift under the cursor. A soft cursor glow and ghost trail add a cinematic, high-energy finish.

Perfect for hero sections, landing pages, portfolios, and anywhere you want the header to feel alive. Drop it in, set your text, and publish no code required.

Features

  • Cursor repulsion with spring & bounce physics

  • Cinematic staggered reveal on load

  • Ghost motion trails + custom cursor glow

  • 3D tilt, motion blur & dynamic color shift

  • Lightweight, canvas-based, runs smoothly

kinetic text hover, hover effect, interactive text, mouse repel, magnetic text, text animation, cursor effect, hero text, animated headline

From Nirav Jivani

ParticleDustText
Aperture Gallery
Vertical Review
How It Works Steps

Related Components

Bad Handwriting
Text Rotation
Loop Shiny Text
Interactive Text