Robot Gripper

An animated SVG robot gripper/end-effector that runs a pick-and-place cycle on its own, or can be dragged, clicked, or controlled to set how open its jaws are.

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

import { RobotGripper } from "@/components/ui/robot-gripper";

export default function RobotGripperDemo() {
  return (
    <div className="flex min-h-[400px] w-full items-center justify-center bg-background">
      <RobotGripper fingers="parallel" active size="lg" />
    </div>
  );
}