Magnetic Button
An interactive magnetic button that follows your cursor with spring physics and 3D tilt. Fully customizable, accessible, and perfect for adding motion-rich, premium interactions.
Made with Workshop
Build your own component with AI
About this Component
A sleek, interactive Magnetic Button that reacts to your cursor with smooth spring physics and 3D rotation. Designed for modern, premium interfaces, it adds delightful motion and depth to your CTAs.
Details:
Follows mouse movement using Framer Motion’s spring physics
Features 3D tilt, hover, and press animations
Fully customizable: colors, border, shadow, scale, radius, typography, stiffness, damping, and magnet strength
Supports links, click events, keyboard accessibility, and disabled state
Works seamlessly in Framer preview and live sites
Perfect for landing pages, hero sections, and interactive portfolios — this button brings every interaction to life.
