Workflow Icon

An animated workflow/process SVG icon that morphs its connector nodes and lines on hover, built with Framer Motion.

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

import { WorkflowIcon } from "@/components/ui/hu-workflow";

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