component
MagnaButton
By Langford
Details
- LangfordAuthor
- componentType
- 2026-04-11Published
- 2026-04-10Updated
- 2026-03-30Added
- ButtonsCategories
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.
Introduction
Button that physically attracts to your
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1038