---
title: "Text Hover Pro — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Denysfs · Text. Interactive text that comes to life with"
canonical: "https://framer.elliotli.dev/component/text-hover-pro"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Hover Pro

# Text Hover Pro

Interactive text that comes to life with

[View on Framer](https://framer.com/marketplace/components/text-hover-pro/?via=elliot-li)

![Text Hover Pro preview image 1](https://framer.elliotli.dev/og/component/text-hover-pro/9ab13812a85faf43/1600x1200.jpg)

## Summary

Interactive text that comes to life with

## Description

Preview : [https://texthoverpro.framer.website/](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
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-u8ascw9p-Iphjn07ymOwDbibzhTzBOShFR8JMni)

## Rank history [How rankings work →](/terms#rankings)

-   All · #8301

## Details

- **Author**: Denysfs
- **Price**: $4.00
- **Published**: 2026-05-07
- **Updated**: 2026-05-11
- **Added**: 2026-04-24
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing