Magnetic button

Button with a subtle magnetic effect

Code

Log in to copy the code

Example Use

<MagneticButton>
  <span className="inline rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
    Hover me
  </span>
</MagneticButton>