About
An animated SVG diagram of gym cable-machine resistance cam, showing how a variable-radius cam lever changes the moment arm and non-linearly pays out cable to lift a weight stack.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Resistance Cam to your project and fits it to your theme.
Code
How Resistance Cam is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import { ResistanceCam } from "@/components/ui/resistance-cam";
export default function ResistanceCamDemo() {
return (
<div className="flex min-h-[420px] w-full items-center justify-center p-6">
<ResistanceCam size={320} behavior="curl" interactive label="CAM / 02" />
</div>
);
}








