---
title: "Spotlight Reveal BG — Free Framer component · Best of Framer"
description: "Free Framer component · by Abdul Sami · Effects. Elevate your Framer site with Stealth"
canonical: "https://framer.elliotli.dev/component/spotlight-reveal-bg"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Spotlight Reveal BG

# Spotlight Reveal BG

Elevate your Framer site with Stealth

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

![Spotlight Reveal BG preview image 1](https://framer.elliotli.dev/og/component/spotlight-reveal-bg/f09cb6dd745fd390/1600x1200.jpg)

## Summary

Elevate your Framer site with Stealth

## Description

**Elevate your Framer site with the Stealth Spotlight.**

Modern tech websites rely on subtle, high-end interactions to stand out. The Stealth Spotlight is a plug-and-play code component that adds a buttery-smooth, glowing mouse-reveal effect to your backgrounds. It stays pitch black until the user interacts, creating a deeply engaging "flashlight" effect over a precise architectural grid.

**Why you'll love it:**

-   **Zero Design Required:** Drop it onto your canvas and it works instantly.
    
-   **Highly Customizable:** Switch between precise Lines or modern Dots. Dial in your exact grid size, dot thickness, and custom brand colors right from the Framer properties panel.
    
-   **Flawless Performance:** Built natively with Framer Motion and optimized CSS masking. It runs at a perfect 60FPS with zero lag, ensuring your site stays lightning-fast.
    
-   **Smart Canvas:** The grid remains fully visible inside the Framer Editor so you can design effortlessly, but switches to "stealth mode" the second you hit publish.
    
-   **Integrated Typography:** Includes built-in, customizable text overlays that sit perfectly above the interaction.
    

**How to use it:**

1.  Drag the component onto your canvas and set width/height to 100%.
    
2.  Tweak the colors and grid type in the right-hand panel.
    
3.  Hit preview and watch it glow.
    

### 4\. Component Configuration (Feature Checklist)

_If the platform asks you to list the included features or properties._

-   **Grid Type Selector:** Toggle between Lines, Dots, or None.
    
-   **Grid Density:** Sliders for Grid Spacing and precise Dot Size.
    
-   **Spotlight Physics:** Adjustable Glow Radius and Edge Softness.
    
-   **Color Controls:** Custom Background, Grid, and Text colors.
    
-   **Custom Override:** Ability to connect custom native Framer frames to be revealed by the spotlight.
    

### 5\. Deliverables (What the user gets)

-   1x Framer Remix Link (containing the fully set up component and a demo landing page).
    

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

-   All · #3816

## Details

- **Author**: Abdul Sami
- **Published**: 2026-04-25
- **Updated**: 2026-04-22
- **Added**: 2026-04-01
- **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