Dynamic Magnetic CTA

Show Preview
Dynamic Magnetic CTA

About Dynamic Magnetic CTA

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.