IllumiFocus

Cursor spotlight reveal with blur

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:

Cursor spotlight reveal with blur