MagneticButtonV1: Premium Buttons Component by Noel Dario Andres

Upgrade your site's interactions with this premium Magnetic Button. Featuring physics-based springs, the button fluidly follows the user's cursor. Fully customizable without code: change colors, padding, and magnetic pull strength directly in Framer.

About this Component

The ultimate micro-interaction for premium websites.

A magnetic button is the hallmark of modern, high-end web design. This component brings that organic, Awwwards-winning interaction right into your Framer projects. As the cursor approaches, the button subtly pulls towards it, creating a playful and satisfying user experience.

Component Highlights:

Physics-Engine: Built with Framer Motion springs for realistic, bouncy physics that feel natural.
Plug & Play: No coding required. Drop it onto your canvas and it works instantly.
Fully Customizable: Adjust the text, colors, border radius, and padding to fit any design system.
Adjustable Magnetism: Control exactly how strong the magnetic pull should be using a simple slider.
Hover & Tap States: Includes smooth scaling effects when hovered or clicked for extra tactile feedback.

How to use: