Table Icon

An animated table/grid icon that draws its rows and column on hover, with imperative ref controls to start and stop the animation.

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

import { TableIcon } from "@/components/ui/hu-table";

export default function TableIconDemo() {
  return (
    <div className="flex min-h-[260px] w-full items-center justify-center">
      <TableIcon size={64} duration={1} color="currentColor" />
    </div>
  );
}