Magnetic Button
A button that magnetically follows the cursor.
npx arupui add magnetic-button
Preview
Usage
magnetic-button.tsx
import { MagneticButton } from "@/components/blocks/magnetic-button"
<MagneticButton>
<Button>Hover me</Button>
</MagneticButton>Props
| Prop | Type | Default |
|---|---|---|
strength | number | 0.3 |
strengthType:
numberDefault: 0.3