Copy Button

A button that copies text to the clipboard on click, with an animated icon swap plus haptic and audio feedback confirming success or failure.

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 { CopyButton } from "@/components/ui/copy-button";

export default function CopyButtonDemo() {
  return (
    <div className="flex items-center justify-center">
      <CopyButton text="Some text to copy" />
    </div>
  );
}