Why teams buy 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:
What you get
- 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.
- Copy the component from the Remix link to your project.
- Drag it onto your page.
- Use the right sidebar to change the button text, links, and brand colors.
- Preview the site and move your mouse over the button!
- Physics-Engine: Built with Framer Motion springs for realistic, bouncy physics that feel natural.
Configure in the sidebar
Every visual and behavioral option is a property control — drop the component on your canvas, open the right panel, and rebrand it to match your project in minutes.
