MagneticGlowButton

Show Preview
MagneticGlowButton

About MagneticGlowButton

Stop using boring static buttons. This Interactive Glow Button brings your UI to life with a sleek, cursor-following light effect that feels incredibly premium. It uses advanced React math to track the exact coordinates of the user's mouse, creating a physical, tactile experience.

Key Features:

  • Magnetic Tracking Engine: A soft, ambient light flawlessly follows the cursor's movement along the button's border.

  • Hardware Accelerated: Built with Framer Motion for buttery smooth, lag-free 60fps interactions.

  • Dark Mode Perfected: Specifically engineered to make dark interfaces, Web3 sites, and AI landing pages pop.

  • Responsive Ready: Scales perfectly across Desktop, Tablet, and Mobile breakpoints.

Total Design Control: Everything you need is exposed right in the Framer property panel. You don't need to touch the code.

  • Customize the exact color, size, and blur of the magnetic spotlight.

  • Adjust the border radius to make it a pill or a soft square.

  • Easily swap the button text, fonts, and background colors.

Just drag, drop, and publish your next award-winning site.