Magnetic Button

A button that leans toward the pointer. Transform-only, no layout shift.

Draw

draw a card

$npx shadcn@latest add @clow/magnetic-button

First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}

props

children

variant

size

strength

stiffness

axis

scale

pad

<MagneticButton>Open the book</MagneticButton>

basic