---
title: "Spotlight Effect — Framer component · Best of Framer"
description: "$5.00 · Framer component · by José Casal - Senior Freelance Designer · Effects. Spotlight background effect"
canonical: "https://framer.elliotli.dev/component/spotlight-effect"
---

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

# Spotlight Effect

Spotlight background effect

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

![Spotlight Effect preview image 1](https://framer.elliotli.dev/og/component/spotlight-effect/7e428a3d5d82d4d9/1600x1200.jpg)

## Summary

Spotlight background effect

## Description

A cursor-reactive reveal component for Framer. Hover over the canvas and a customizable spotlight follows your mouse, gradually exposing a background image with a smooth fade and GLSL shader effect. Ambient sound fades in on hover and out when you leave, or stop it entirely with a single control.

Everything is exposed in the property panel: spotlight radius and edge softness, easing curve, movement speed, trail fade, spotlight color, canvas background color, background image, and custom audio upload. No code needed to configure. Just drop it in and tweak.

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

-   All · #10244

## Details

- **Author**: José Casal - Senior Freelance Designer
- **Price**: $5.00
- **Published**: 2026-06-29
- **Updated**: 2026-06-29
- **Added**: 2026-06-29
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows