Magnetic Gripper

An animated SVG electromagnetic gripper that captures and lifts a steel plate or bar, viewable from four camera angles and scrubbable for field strength.

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

import { MagneticGripper } from "@/components/ui/magnetic-gripper";

export default function MagneticGripperDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-10">
      <MagneticGripper behavior="pick" workpiece="plate" view="iso" />
    </div>
  );
}