---
title: "Hover Reveal Text — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Sirrah Space · Text. Engage your visitors with the Hover Reveal Text component."
canonical: "https://framer.elliotli.dev/component/hover-reveal-text"
---

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

# Hover Reveal Text

Text translation & reveal.

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

![Hover Reveal Text preview image 1](https://framer.elliotli.dev/og/component/hover-reveal-text/d0267ea0164e6c50/1600x1200.jpg)

## Summary

Engage your visitors with the Hover Reveal Text component.

## Description

Engage your visitors with the **Hover Reveal Text** component. This interactive typography tool acts like a digital magnifying glass. As users move their cursor over the text, it instantly transforms the underlying characters or words into a new message.

It is the perfect interaction for **bilingual websites** (translating a headline on hover), **creative portfolios** (revealing hidden messages), or adding playful micro-interactions to your landing page. You have complete control over the transformation mode (Character or Word), the style of the hover "lens" (Circle, Square, Diamond), and how the text animates (Scale, Bounce, Slide, Rotate) when caught in the hover radius.

**Functions (Key Features):**

-   🔍 **Magic Lens Effect:** Transforms text dynamically only within the radius of the user's mouse cursor.
    
-   🔤 **Dual Modes:** Choose to transform the text Character-by-Character or Word-by-Word.
    
-   ✨ **Rich Animations:** Add motion to the revealed text with options like Fade, Scale, Slide, Rotate, or Bounce.
    
-   🟢 **Custom Cursor Shape:** Display an optional tracking shape (Circle, Square, or Diamond) to act as the magnifying lens.
    
-   🎨 **Full Styling Control:** Customize the typography, base colors, hover colors, and animation speeds.
    

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

-   All · #6573

## Details

- **Author**: Sirrah Space
- **Price**: $3.00
- **Published**: 2026-04-16
- **Updated**: 2026-07-26
- **Added**: 2026-03-31
- **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