Barcode Icon

An animated barcode icon whose bars scale on hover or via an imperative handle, built with Framer Motion for use in UI actions like scanning, inventory, or checkout flows.

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

import { BarcodeIcon } from "@/components/ui/lu-barcode";

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