IllumiFocus
Bring your images to life with a glowing, customizable spotlight effect. Blur and darken the background while revealing sharp details under the user’s cursor.
Make it with Workshop
Build your own component with AI
About this Component
Illuminate what matters most. IllumiFocus lets you upload any image and create an interactive “hover to reveal” experience that captivates visitors.When users move their cursor across the image, a circular spotlight follows bright, crisp, and fully customizable while the rest of the image stays tastefully blurred and darkened. When the cursor leaves, the spotlight remains at its last position for a smooth, cinematic feel.
✦ Key Features
Spotlight Control – Adjust spotlight size, color, and transition speed for the perfect reveal.
Custom Overlay – Fine-tune overlay opacity, blur amount, and shadow to match your design.
Flexible Styling – Set border radius for soft or sharp edges.
3D Intensity – Add subtle depth for a modern, premium effect.
Persistent Focus – Spotlight stays at the last hover position instead of snapping back to center.
Easy Upload – Drop in your own image directly from your device.
✦ Perfect For
Product showcases
Creative portfolios
Photography highlights
Interactive hero sections
Landing pages needing a unique visual hook
✦ Why You’ll Love It
IllumiFocus combines elegance and control. Whether you need a dramatic reveal or a subtle glow, every setting—including spotlight color is adjustable in Framer’s property panel no code required.
✦ Customization:
