Spotlight Cursor
A modern spotlight effect component for Framer that reveals images with a smooth radial cursor glow, customizable gradients, blend modes, and property controls for tweaking.
Make it with Workshop
Build your own component with AI
A modern spotlight effect component for Framer that reveals images with a smooth radial cursor glow, customizable gradients, blend modes, and property controls for tweaking.
Make it with Workshop
Build your own component with AI
The Spotlight Image component brings a professional, interactive spotlight effect to your Framer projects. It lets you control how an image is revealed under the cursor using customizable gradients, blend modes, and spring-based motion. Ideal for portfolios, landing pages, or any design where you want to highlight visuals with an engaging and modern interaction.
With full property control over cursor styles, overlay effects, and background fitting, this component adapts seamlessly to both subtle UI flourishes and bold, eye-catching hero effects.
Spotlight Reveal Effect powered by cursor position
Customizable Gradient (inner & outer colors, opacity)
Blend Modes for overlay color (normal, multiply, overlay, screen, darken, lighten)
Cursor Styles: Default, Inverted, or Hidden
Spring Physics Option for smooth, natural cursor motion
Adjustable Spotlight Size with pixel-based control
Responsive Background Fit (cover, contain, or fill)
Configurable Image Opacity & Overlay Color
Lightweight and fully optimized for FramerAbout this
The Spotlight Image component brings a professional, interactive spotlight effect to your Framer projects. It lets you control how an image is revealed under the cursor using customizable gradients, blend modes, and spring-based motion. Ideal for portfolios, landing pages, or any design where you want to highlight visuals with an engaging and modern interaction.
With full property control over cursor styles, overlay effects, and background fitting, this component adapts seamlessly to both subtle UI flourishes and bold, eye-catching hero effects.
Spotlight Reveal Effect powered by cursor position
Customizable Gradient (inner & outer colors, opacity)
Blend Modes for overlay color (normal, multiply, overlay, screen, darken, lighten)
Cursor Styles: Default, Inverted, or Hidden
Spring Physics Option for smooth, natural cursor motion
Adjustable Spotlight Size with pixel-based control
Responsive Background Fit (cover, contain, or fill)
Configurable Image Opacity & Overlay Color
Lightweight and fully optimized for Framer
