Magnetic Hover Buttons

Overview

Highly responsive, gravity-defying interactive buttons. By dynamically mapping the mouse coordinates to inner coordinates, the button exhibits a magnetic pull vector attracting toward the cursor, introducing playful physics-driven micro-interactions.

Key Features

• •Cursor proximity magnet threshold calculating real-time dynamic attraction pull.
• •Multi-axis layout coordinate shifting for a sleek depth parallax feeling.
• •Super light layout footprint utilizing performance-oriented Framer Motion dynamic parameters.
• •Clean spring system snapback to perfect neutrality upon mouse pointer exit.

Technology Stack