SpotlightHoverButton

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.