Mouse Pointer Click Icon

An animated mouse-pointer-click icon that plays a click/tap animation on hover or via an imperative ref, for use in buttons, menus, or feature lists.

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

import { MousePointerClickIcon } from "@/components/ui/lu-mouse-pointer-click";

export default function MousePointerClickIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <MousePointerClickIcon size={48} />
    </div>
  );
}