Preview : https://texthoverpro.framer.website/
Text Hover Effect
Is an interactive text component that adds cool distortion effects when you hover over it.
Instead of static text, it reacts to your cursor—creating fluid, glitchy, or wavy animations in real time.
How it Works :
You see normal text
When you hover over it, the text starts to move and distort
When you move away, it smoothly goes back to normal
Features
Hover InteractionEffects only trigger when your cursor is on the text, making it feel precise and responsive.
Multiple EffectsChoose from different styles like:Liquid, Wave, Glitch, and more experimental effects.
Smooth AnimationEverything transitions smoothly—no harsh jumps.
Customizable Text
Change text content
Adjust font, size, and alignment
Set text and background colors
Adjustable Effects
Control how strong the distortion is
Adjust how wide the effect spreads
Fine-tune how smooth or responsive it feels
Best For
Hero sections
Portfolio websites
Landing page headlines
Creative or experimental UI