All effects
ButtonClient component

Magnetic Button

A tactile action that leans toward pointer intent and springs precisely back into place.

Approach from different directions

Effect style
Approach from any side

Usage

tsx
import { MagneticButton } from "@/components/effects/magnetic-button"

export function Demo() {
  return <MagneticButton strength={24}>Explore</MagneticButton>
}