About
An animated git-compare-arrows icon that plays a branch-swap motion on hover or via an imperative ref, for use in toolbars, diff views, or version-control UI.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Git Compare Arrows Icon to your project and fits it to your theme.
Code
How Git Compare Arrows Icon is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { GitCompareArrowsIcon } from "@/components/ui/lu-git-compare-arrows";
export default function GitCompareArrowsIconDemo() {
return (
<div className="flex items-center justify-center w-full h-screen">
<GitCompareArrowsIcon size={48} />
</div>
);
}







