1/207

Magnetic Button

Buttons

Button that follows cursor with magnetic effect

hovermagneticinteractive

Installation

npx shadcn@latest add https://nonaxial.com/r/magnetic-button.json

Usage

tsx

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

export default function Example() {
  return (
    <MagneticButton>{/* Your content here */}</MagneticButton>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—