---
title: "CursorSpotlight — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Clément Rog · Cursors. Drop this component inside any card, button, or container."
canonical: "https://framer.elliotli.dev/component/cursorspotlight"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/CursorSpotlight

# CursorSpotlight

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

![CursorSpotlight preview image 1](https://framer.elliotli.dev/og/component/cursorspotlight/c2179a97edfd8a58/1600x1200.jpg)

## Summary

Drop this component inside any card, button, or container.

## Description

Drop this component inside any card, button, or container. It automatically finds the styled parent, injects the glow layers, and starts tracking the cursor. No wrapper needed, no layout changes.

Three modes: fill (radial gradient glow), border (highlighted edge that follows cursor), or both. The border uses mask-composite to create a hollow reveal effect—the glow appears only on the border itself, not the fill.

Smooth mouse tracking uses CSS custom properties updated via requestAnimationFrame, so there's no React re-render on every mouse move. Configurable smoothing controls the interpolation speed for snappy or floaty feel.

Cleans up properly on unmount: removes injected layers, restores original overflow/position styles, clears CSS variables. Works with any border-radius inherited from parent.

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

-   All · #9645

## Details

- **Author**: Clément Rog
- **Price**: $4.00
- **Published**: 2026-01-16
- **Updated**: 2026-01-16
- **Added**: 2026-01-04
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…