---
title: "Text Reveal Lens — Free Framer component · Best of Framer"
description: "Free Framer component · by John Valentine · Text. Text Reveal Lens transforms simple typography into cinematic motion."
canonical: "https://framer.elliotli.dev/component/text-reveal-lens"
---

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

# Text Reveal Lens

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

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

## Summary

Text Reveal Lens transforms simple typography into cinematic motion.

## Description

**Text Reveal Lens** transforms simple typography into cinematic motion. As users scroll or move their cursor, a shape mask glides across the headline, revealing text through light and motion. Ideal for hero headers, section intros, or full-screen storytelling layouts.

✨ Features & Capabilities

-   **Mask Shapes** – Circle, Rectangle, Wave, Diamond, Wave, Star.
    
-   **Reveal Motion** – Mask moves smoothly with scroll or cursor.
    
-   **Direction Controls** – Left→Right, Top→Bottom, or Center-Out reveal.
    
-   **Scroll Sensitivity** – Adjust mask speed and trigger threshold.
    
-   **Cursor Tracking Mode** – Follow the user’s mouse for interactive highlight.
    
-   **Typography Styling** – Font, weight, size, spacing, and alignment controls.
    
-   **Gradient & Texture Fill** – Apply gradients or textures inside revealed text for a premium finish.
    
-   **Animation Easing** – Choose from linear, ease-in-out, or custom bezier curves.
    
-   **Performance Optimized** – GPU mask animations ensure smooth playback.
    
-   **Responsive & Safe** – Scales beautifully across devices.
    

🧩 Property Controls

-   **Text Content**
    
-   **Mask Shape**: Circle | Rectangle | Path
    
-   **Reveal Trigger**: Scroll | Cursor
    
-   **Direction**: Left→Right | Top→Bottom | Center-Out
    
-   **Scroll Sensitivity**
    
-   **Easing Type**
    
-   **Font Controls**: Family, Weight, Size, Spacing, Alignment
    
-   **Fill Style**: Solid | Gradient | Texture
    
-   **Mask Color / Background**
    

💡 Use Cases

Hero banners • Interactive landing pages • Product storytelling • Creative portfolios • Section intros

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

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

-   All · #911

## Details

- **Author**: John Valentine
- **Published**: 2025-11-27
- **Updated**: 2025-11-26
- **Added**: 2025-10-04
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos