Back to Components
Interactive
Magnetic Button
A button that magnetically attracts to the cursor on hover
React
Framer Motion
TypeScript
Installation
This component requires the following dependencies:
npm install framer-motionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | The content to wrap with the magnetic effect |
| className | string | - | Additional CSS classes |
| strength | number | 0.3 | How strongly the element follows the cursor (0-1) |