---
title: "IllumiFocus — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Effects. Cursor spotlight reveal with blur"
canonical: "https://framer.elliotli.dev/component/illumifocus"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/IllumiFocus

# IllumiFocus

Cursor spotlight reveal with blur

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

![IllumiFocus preview image 1](https://framer.elliotli.dev/og/component/illumifocus/1080f4aab1a064c9/1600x1200.jpg)

## Summary

Cursor spotlight reveal with blur

## Description

An interactive spotlight effect that follows the cursor across any image — revealing crisp details while blurring and darkening the surrounding area. Spotlight holds at the last cursor position on leave for a cinematic feel. Built for product showcases, portfolios, and hero sections that need a memorable visual hook.

## Features

-   Circular spotlight follows cursor across the image
    
-   Background blurs and darkens outside the spotlight
    
-   Spotlight holds at last hover position on cursor leave
    
-   Adjustable spotlight size and color
    
-   Overlay opacity and blur amount controls
    
-   Shadow intensity control
    
-   3D depth effect with adjustable intensity
    
-   Configurable transition speed
    
-   Border radius control for soft or sharp image edges
    
-   Image upload support
    
-   No code needed — all controls in Framer panel
    

## Property Controls

**Content** — image upload

**Spotlight** — size, color, transition speed

**Overlay** — opacity, blur amount, shadow intensity

**Effects** — 3D depth intensity

**Styling** — border radius

## Use Cases

Product showcases · Creative portfolios · Photography highlights · Interactive hero sections · Landing pages · Brand reveals · Visual storytelling

**SEO Keywords**

framer spotlight effect · framer cursor reveal · framer hover spotlight · framer image reveal · framer cursor effect · framer interactive image · framer blur effect · framer spotlight component · framer mouse effect · framer image highlight · framer hover effect · framer creative component · framer image effect · framer code component · framer cursor interaction

✦ Customization:

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

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

-   All · #6218

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-03
- **Updated**: 2026-06-25
- **Added**: 2025-09-29
- **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