cohenwebstudio

MagneticButton

Component

About

Interactive physics-based magnetic action button with cursor tracking spotlight and dual theme support

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds MagneticButton to your project and fits it to your theme.

Code

How MagneticButton is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import PublishedComponent from "@/components/ui/magnetic-button"

export default function Demo() {
  return <PublishedComponent />
}

More by cohenwebstudio

View all
  • InteractiveEpgGrid

    InteractiveEpgGrid

  • Interactive TV Mockup

    Interactive TV Mockup

  • Ai Agent Switch Demo

    Ai Agent Switch Demo

  • Interactive Wallet3D

    Interactive Wallet3D

  • POS Interface

    POS Interface

  • Brand Slider

    Brand Slider