Spotlight Effect

Spotlight background effect

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.

Spotlight background effect