Skip to content

component

Magnetic Glow Button

By BeyondPixel

Details

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 .

Introduction

Linear CTA with spring physics

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600176638/188/259/19/89/15
  • All · #5252