---
title: "Magnetic Glow Button — Framer component · Best of Framer"
description: "$19.00 · Framer component · by BeyondPixel · Buttons. A dark-mode magnetic glow button with precision spring physics."
canonical: "https://framer.elliotli.dev/component/magnetic-glow-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Magnetic Glow Button

# Magnetic Glow Button

Linear CTA with spring physics

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

![Magnetic Glow Button preview image 1](https://framer.elliotli.dev/og/component/magnetic-glow-button/f825fdff9440ea81/1600x1200.jpg)

## Summary

A dark-mode magnetic glow button with precision spring physics.

## Description

A dark-mode magnetic glow button with precision spring physics.

**Overview**

Most dark-mode CTAs suffer from two extremes: they’re either visually flat or unnaturally floaty under the cursor.

This Magnetic Glow Button is an enterprise-grade Framer component engineered to deliver a weighted, tactile snap. It gives your landing pages and web apps the polished interaction feel of top-tier modern interfaces (Linear, Raycast) with zero setup friction.

**What’s Included:**

-   3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge.
    
-   Calibrated Spring Physics: Tuned with natural stiffness and damping parameters for instantaneous, grounded hover feedback.
    
-   1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into high-contrast dark canvases.
    

**Exposed Controls (Instant Setup)**

Customise what you need in seconds directly from the Framer properties panel:

-   Button Label: Custom text string
    
-   Fill Color: Background accent color
    
-   Link: Target destination URL
    
-   New Tab: Toggle switch (\_blank / \_self)
    

(Note: Core motion physics, chrono borders, and glow curves are pre-engineered to preserve visual integrity out of the box.)

**Perfect For:**

-   High-conversion SaaS & AI landing pages
    
-   Dark-mode web applications & design portfolios
    
-   Designers and developers seeking instant, production-grade micro-interactions
    

**Support & Questions**

Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via [email](mailto:hello@beyondpixel.co).

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

-   All · #8701

## Details

- **Author**: BeyondPixel
- **Price**: $19.00
- **Published**: 2026-08-17
- **Updated**: 2026-08-18
- **Added**: 2026-08-17
- **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