List Bullet Animated Icon

An animated list-bullet icon that draws its rows and bullet marks on hover, for toolbars, menus, and buttons that toggle a list view.

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

import { LeftToRightListBulletIcon } from "@/components/ui/left-to-right-list-bullet-icon";

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