IllumiFocus

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: