---
title: "MagnaButton — Free Framer component · Best of Framer"
description: "Free Framer component · by Langford · Buttons. Button that physically attracts to your"
canonical: "https://framer.elliotli.dev/component/magnabutton"
---

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

# MagnaButton

Button that physically attracts to your

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

![MagnaButton preview image 1](https://framer.elliotli.dev/og/component/magnabutton/cc743671b3ca6ebd/1600x1200.jpg)

## Summary

Button that physically attracts to your

## Description

## Magnetic Cursor Button

### What it is

A button that physically attracts toward the user's cursor as it moves nearby — even before touching it. The moment the cursor enters its radius, the button gently pulls in that direction. When the cursor leaves, it springs back to its original position with a smooth, satisfying bounce.

### How it feels

Natural. Playful. Tactile. The button doesn't just highlight on hover — it moves, breathes, and reacts. Users instinctively want to interact with it because it responds to them before they even make a decision to click.

### Why it works

Subtle motion triggers curiosity. When an element on a page reacts to your presence — not just your click — it creates a moment of delight that makes the whole experience feel premium and alive. That split second of "wait, did that just move?" is exactly what turns a visitor into someone who engages.

### Best used for

-   Hero section CTA buttons
    
-   Portfolio contact or hire me buttons
    
-   Product launch pages where first impressions matter
    
-   Any place you want visitors to slow down and interact
    

### What you can customize

Every detail is adjustable directly from the Framer property panel — magnetic pull radius, attraction strength, button size, label text, background color, text color, padding, and border radius.

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

-   All · #2248

## Details

- **Author**: Langford
- **Published**: 2026-04-11
- **Updated**: 2026-04-10
- **Added**: 2026-03-30
- **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