Magnetic Glow Button

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.