Kinetic Text Effect

◆ Match Cut Effect

Cinematic Match Cut Text Animation

The Idea

In film, a match cut joins two scenes with one shared element. Match Cut brings that magic to your website. One keyword stays dead-center while the scenes around it change. Hover, and the keyword locks onto your cursor. Text is sharp where you look and softly blurred everywhere else. No code needed.

How It Works

✦ Idle: scenes cut on a beat while your keyword never moves

✦ Hover: the keyword follows your cursor and snaps between matches

✦ Leave: everything returns to the calm rhythm of the cut

What You Get

✦ Unlimited scenes, each with its own optional typeface

✦ Zero-lag cursor following with adjustable snap range

✦ Cut speed from calm to rapid-fire, plus autoplay

✦ Marker highlight with auto-contrast text

✦ Fill width and height to cover any frame

✦ Works with any copy and any keyword

Cinematic Finish

✦ Paper, Noir or Custom backdrops

✦ Film grain and paper texture

✦ Ink fill with adjustable wear

✦ Sharp zone, fade, blur and dim controls

✦ Optional RGB split glitch

✦ Intensity control, from subtle to bold

Built For Designers

✦ Every setting lives in Framer's property panel

✦ Full control of font, size, weight and line height

✦ Custom colors, corners and backdrop strength

✦ Responsive, so it fits any frame size

Why You'll Love It

✦ It feels like a film edit, not a template

✦ Swap the words and the magic follows

✦ Playful enough to delight, polished enough for premium brands

Perfect For

✦ Hero sections and landing pages

✦ Portfolios and studio websites

✦ Editorial and storytelling layouts

✦ Product launches and brand moments

✦ Agency and creative showcases

Get Started

✦ Add Match Cut to your canvas

✦ Type your keyword

✦ Write scenes that include it

✦ Tune the look in the property panel

✦ Hover in preview and enjoy the cut

Turn plain paragraphs into a moment visitors remember. Make every headline feel directed. Drop it in, hover, and watch your words come alive in style.