SpotlightHover adds a soft, cursor-following light to any section in Framer. Drop it on a dark hero, a card grid, or anywhere you want a touch of atmosphere.
What it does:
- Soft glow follows your cursor with smooth spring physics
- Fades in on hover, fades out when cursor leaves
- Works on any background — dark or light
- 5 blend modes — Screen works best on dark sections
Fully customizable:
- Color
- Size
- Intensity
- Blend mode
- Follow speed
- Fade behavior
How to use:
1. Add SpotlightHover to your section
2. Set it to Fill width/height
3. Make sure it's the top layer
4. Adjust color and size to match your design
5. Publish and move your mouse to see it in action
Perfect for hero sections, dark portfolios, agency sites, or anywhere you want to add a moment of atmosphere without writing a line of code.
SpotlightHover adds a soft, cursor-following light to any section in Framer. Drop it on a dark hero, a card grid, or anywhere you want a touch of atmosphere.
What it does:
- Soft glow follows your cursor with smooth spring physics
- Fades in on hover, fades out when cursor leaves
- Works on any background — dark or light
- 5 blend modes — Screen works best on dark sections
Fully customizable:
- Color
- Size
- Intensity
- Blend mode
- Follow speed
- Fade behavior
How to use:
1. Add SpotlightHover to your section
2. Set it to Fill width/height
3. Make sure it's the top layer
4. Adjust color and size to match your design
5. Publish and move your mouse to see it in action
Perfect for hero sections, dark portfolios, agency sites, or anywhere you want to add a moment of atmosphere without writing a line of code.
