---
title: "Spotlighthover — Free Framer component · Best of Framer"
description: "Free Framer component · by ahmad shaarawy · Sections. SpotlightHover adds a soft, cursor-following light to any section in Framer."
canonical: "https://framer.elliotli.dev/component/spotlighthover"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Spotlighthover

# Spotlighthover

A soft light that follows you

[View on Framer](https://framer.com/marketplace/components/spotlighthover/?via=elliot-li)

![Spotlighthover preview image 1](https://framer.elliotli.dev/og/component/spotlighthover/0bacbd9fdfb1971f/1600x1200.jpg)

## Summary

SpotlightHover adds a soft, cursor-following light to any section in Framer.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6013

## Details

- **Author**: ahmad shaarawy
- **Published**: 2026-06-23
- **Updated**: 2026-06-23
- **Added**: 2026-06-23
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes