MagnaButton
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.
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.
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.
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
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.
Langford
