Skip to content

Dynamic Magnetic CTA

Interactive magnetic pull button

Dynamic Magnetic CTA preview image 1

Summary

Interactive magnetic pull button

Description

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.

Rank history How rankings work →

120014001600173118/319/1710/510/2311/10
  • All · #7311

Details

More like this