A call-to-action button that is gently pulled toward the pointer, with an inner label that drifts a little further for a layered, physical feel.
Magnetic Button wraps a native button in a spring-driven magnetic field. As the pointer approaches, the button eases toward it in proportion to the distance, while the label inside moves at a lower intensity so the two layers separate slightly. When the pointer leaves, a soft spring settles everything back to rest. The effect only runs on precise pointers and is skipped entirely when the visitor prefers reduced motion, so on phones and for keyboard users it remains an ordinary, fully accessible button. It works well for primary calls to action, contact links in footers and hero buttons where you want one moment of tactile delight without adding layout shift.