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.
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
Content — image upload
Spotlight — size, color, transition speed
Overlay — opacity, blur amount, shadow intensity
Effects — 3D depth intensity
Styling — border radius
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:
Hamim Reza
