---
title: "MagneticGlowButton — Free Framer component · Best of Framer"
description: "Free Framer component · by Abdul Manan · Buttons. Magnetic cursor-tracking glow button"
canonical: "https://framer.elliotli.dev/component/magneticglowbutton"
---

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

# MagneticGlowButton

Magnetic cursor-tracking glow button

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

![MagneticGlowButton preview image 1](https://framer.elliotli.dev/og/component/magneticglowbutton/2a0723cc6cd796c9/1600x1200.jpg)

## Summary

Magnetic cursor-tracking glow button

## Description

**Stop using boring static buttons.** This Interactive Glow Button brings your UI to life with a sleek, cursor-following light effect that feels incredibly premium. It uses advanced React math to track the exact coordinates of the user's mouse, creating a physical, tactile experience.

**Key Features:**

-   **Magnetic Tracking Engine:** A soft, ambient light flawlessly follows the cursor's movement along the button's border.
    
-   **Hardware Accelerated:** Built with Framer Motion for buttery smooth, lag-free 60fps interactions.
    
-   **Dark Mode Perfected:** Specifically engineered to make dark interfaces, Web3 sites, and AI landing pages pop.
    
-   **Responsive Ready:** Scales perfectly across Desktop, Tablet, and Mobile breakpoints.
    

**Total Design Control:** Everything you need is exposed right in the Framer property panel. You don't need to touch the code.

-   Customize the exact color, size, and blur of the magnetic spotlight.
    
-   Adjust the border radius to make it a pill or a soft square.
    
-   Easily swap the button text, fonts, and background colors.
    

Just drag, drop, and publish your next award-winning site.

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

-   All · #914

## Details

- **Author**: Abdul Manan
- **Published**: 2026-03-07
- **Updated**: 2026-03-06
- **Added**: 2026-03-02
- **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