Magnetic Button

Button that magnetically attracts the cursor when hovering.

Properties

strength0.5

Magnetic strength

Installation

npm install @reactomega/ui framer-motion

Usage

import { MagneticButton } from '@reactomega/ui';

export default function App() {
  return (
    <MagneticButton strength={0.5}>
      Hover Me
    </MagneticButton>
  );
}