Calendar Plus Icon

An animated calendar-with-plus icon that bounces its binder rings and spins in the plus badge on hover, for "add event" or "create" buttons.

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

import { CalendarPlusIcon } from "@/components/ui/lu-calendar-plus";

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