Folder Heart Icon

An animated folder icon with a heart badge that bounces and pulses on hover, for marking favorited or saved folders.

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

import FolderHeartIcon from "@/components/ui/lu-folder-heart";

export default function FolderHeartIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-full min-h-[200px]">
      <FolderHeartIcon size={48} />
    </div>
  );
}