List Plus Icon

An animated list-with-plus icon that plays a row-squeeze and plus-rotate animation on hover, for add-to-list or create-list actions.

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

import { ListPlusIcon } from "@/components/ui/lu-list-plus";

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