Copy Button

A copy-to-clipboard button that morphs its clipboard icon into a drawn checkmark with a small spark burst, rolls its label to "Copied", and announces failure if the browser refuses the clipboard write.

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

import { UiCopyButton } from "@/components/ui/ui-copy-button";

export default function Example() {
  return <UiCopyButton text="npx shadcn@latest add @lumesec/ui-copy-button" />;
}