---
title: "Pro Hover Reveal — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Saadat Ali · Effects. Premium lens hover reveal effect"
canonical: "https://framer.elliotli.dev/component/pro-hover-reveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Pro Hover Reveal

# Pro Hover Reveal

Premium lens hover reveal effect

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

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

## Summary

Premium lens hover reveal effect

## Description

Add a striking interactive WebGL magnifier to your images with smooth 3D bulging, soft edge masking, and high-performance hover reveals.

### **Features**

-   Real-time WebGL lens distortion and magnification
    
-   Smooth mouse-tracking hover reveal mask
    
-   Progressive soft-edge feathering
    
-   Flawless color accuracy with raw pixel passthrough
    
-   Highly optimized Three.js performance with smart viewport rendering
    
-   Responsive resize handling and object-fit cover logic
    
-   Zero-code, drag-and-drop Framer integration
    
-   Live preview directly inside the Framer editor
    

### **Customization Options**

-   Top (Default) image
    
-   Reveal (Background) image
    
-   Mask radius size
    
-   Edge softness and feathering
    
-   Enable/disable 3D lens bulge
    
-   Lens magnification intensity
    

### **How to Use**

-   Drop the component onto your Framer canvas
    
-   Upload your default and reveal images via the properties panel
    
-   Adjust the mask radius and softness to fit your style
    
-   Tune the lens intensity for the perfect 3D bulge
    
-   Publish for a premium interactive visual experience
    

### **Use Cases**

-   Before and after image reveals
    
-   Premium portfolio galleries
    
-   Interactive product showcases
    
-   Creative agency landing pages
    
-   Hidden visual easter eggs
    
-   Modern team member headshots
    
-   High-end e-commerce displays
    

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

-   All · #4325

## Details

- **Author**: Saadat Ali
- **Price**: $8.00
- **Published**: 2026-07-07
- **Updated**: 2026-11-09
- **Added**: 2026-07-07
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo