MagnaButton

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.