Back to Registry

Magnet Button

input

Pointer-reactive button with subtle magnetic attraction.

Colorblue-500
Width
Shadow

Live Preview

Install via CLI
npx shadcn@latest add https://kinetik.dev/r/magnet-button.json

Requires shadcn CLI. Auto-installs deps and copies the component into your project.

Manual Install
npm add lucide-react

Then copy the source code below into your project.

Usage
import { MagnetButton } from '@/app/components/magnet-button';

Source

'use client';

export function MagnetButton() {
  // copy from registry component source
}

Dependencies

lucide-react