Spotlight Cursor

About this Component The Spotlight Image component brings a professional, interactive spotlight effect to your Framer projects.

About this Component 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. Features 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 Component 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. Features 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