Dynamic Magnetic CTA

Interactive magnetic pull button

Add interactive physics to your CTA buttons. A sleek, highly customizable magnetic button that pulls smoothly toward the user's cursor—zero code required. Key Features Physics-Based Magnetic Effect: Smooth pull action that draws the button toward the cursor using Framer Motion spring physics. Text & Icon Parallax Motion: Multiplied movement layer creates dynamic visual depth between background and text on mouse move. Mobile & Touch Guard Protection: Automatically detects touch devices to safely disable magnetic pull, preventing scroll interference. 10 Built-In Icon Presets: Integrated SVG icons with custom hover animations (arrow, sparkle, plus, download, mail, search, star, check). Full Property Customization: Complete control over magnetic strength, proximity radius, spring stiffness, colors, padding, and fonts directly from the Framer panel. SSR & Canvas Ready: Built with client-side detection to eliminate layout shifts and function seamlessly within the Framer Canvas.

Interactive magnetic pull button