Gold Sheen Magnetic Button

Gold pill button that leans gently toward the cursor (magnetic), with a slow gold light sweep and a turning arrow on hover. Gold and dark variants, renders as a link or a button, touch press fallback, respects reduced motion. No dependencies.

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

import { GoldSheenButton } from "@/components/ui/gold-sheen-magnetic-button"

export default function Demo() {
  return (
    <div className="flex min-h-[260px] w-full flex-wrap items-center justify-center gap-6 bg-black p-10">
      <GoldSheenButton href="#">Explore the courses</GoldSheenButton>
      <GoldSheenButton variant="dark" href="#">Enquire about Tier 2</GoldSheenButton>
    </div>
  )
}