About
An animated Apple Finder-style icon that blinks its eyes and smiles on hover, for toolbars and nav menus.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Apple Finder Icon to your project and fits it to your theme.
Code
How Apple Finder Icon is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { AppleFinderIcon } from "@/components/ui/hu-apple-finder";
export default function AppleFinderIconDemo() {
return (
<div className="flex items-center justify-center w-full h-screen">
<AppleFinderIcon size={64} />
</div>
);
}







