Book Open Icon

An animated open-book icon that plays a page-flip squeeze animation on hover, built for use in nav links, buttons, or feature lists.

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

import { BookOpenIcon } from "@/components/ui/lu-book-open";

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