---
title: "SpotlightHoverButton — Framer component · Best of Framer"
description: "$2.00 · Framer component · by sidra mowlana · Buttons. Spotlight your actions."
canonical: "https://framer.elliotli.dev/component/spotlighthoverbutton"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/SpotlightHoverButton

# SpotlightHoverButton

Spotlight your actions.

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

![SpotlightHoverButton preview image 1](https://framer.elliotli.dev/og/component/spotlighthoverbutton/6eab27863929a22b/1600x1200.jpg)

## Summary

Spotlight your actions.

## Description

SpotlightButton is a premium interactive button component that responds to your cursor with a smooth radial glow effect. As you move your mouse across the button, a soft light follows - making it feel alive and polished without being distracting.

Every visual detail is editable directly from Framer's right panel. Change the background, border, text, hover text, glow colour, glow size, and glow intensity in seconds - no code needed. Drop it on any page, select the component, and your controls are right there.

Built with clean React, no external dependencies, and fully compatible with Framer's canvas, preview, and published sites.

**What you can customise:**

-   Button label, font size, and font weight
    
-   Background and border color
    
-   Text colour and hover text colour
    
-   Spotlight glow colour, size, and opacity
    
-   Border radius, border width, and padding
    

Perfect for hero sections, call-to-action buttons, landing pages, and portfolios where the details matter.

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

-   All · #10724

## Details

- **Author**: sidra mowlana
- **Price**: $2.00
- **Published**: 2026-05-12
- **Updated**: 2026-05-17
- **Added**: 2026-05-10
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything