---
title: "Spotlight Reveal Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Russet Supply · Interactive. Cursor-driven image reveal"
canonical: "https://framer.elliotli.dev/component/spotlight-reveal-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Spotlight Reveal Pro

# Spotlight Reveal Pro

Cursor-driven image reveal

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

![Spotlight Reveal Pro preview image 1](https://framer.elliotli.dev/og/component/spotlight-reveal-pro/6666bd7f7b2d8345/1600x1200.jpg)

## Summary

Cursor-driven image reveal

## Description

A Framer component that hides an image under a glass overlay and reveals it only where the cursor moves — in real time, through a dual-canvas rendering engine.

## **Key Features**

-   Five overlay modes: Blur, Glass, Glassmorphism, Frosted, Tinted Glass
    
-   Dual-canvas rendering (background + spotlight layer)
    
-   Circle and Square cursor shapes with dotted borders
    
-   Square cursor has four corner brackets (viewfinder style)
    
-   Adjustable spotlight radius (120px minimum)
    
-   Intensity slider per overlay mode
    
-   Tint color picker (Tinted Glass mode)
    
-   Light-themed controls pill at center bottom
    
-   Hint text that fades on first interaction
    
-   Caption text slot for credits or titles
    
-   ResizeObserver — fully responsive
    
-   Full property controls in Framer panel
    

## **Why It Is Valuable**

-   Turns passive imagery into an interactive moment
    
-   Creates curiosity-driven engagement
    
-   Signals craft and intentionality to visitors
    
-   Ownable interaction idiom — not a generic hover
    
-   No custom code required
    
-   Works at any breakpoint, any container size
    

## **Where to Use**

-   Photography portfolios
    
-   Fashion and luxury e-commerce heroes
    
-   Architecture and interior design presentations
    
-   Editorial and magazine lead images
    
-   Agency and studio about pages
    
-   Product landing pages and feature reveals
    
-   Event and conference sites
    

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

-   All · #1882

## Details

- **Author**: Russet Supply
- **Published**: 2026-06-28
- **Updated**: 2026-08-06
- **Added**: 2026-06-28
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step