About
An interactive isometric diagram of a block-and-tackle pulley: drag the rope handle to lift a load, with mechanical advantage set by a ratio prop.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pulley to your project and fits it to your theme.
Code
How Pulley is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Pulley } from "@/components/ui/pulley";
export default function PulleyDemo() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8">
<div className="w-full max-w-sm text-foreground">
<Pulley ratio={4} load={120} />
</div>
</div>
);
}
More by abhishek-mallick
View all
Isometric Bars Chart
13
Rack
8
Keys
8
Isometric Laptop
6
Nodes
6
Stack
6
Isometric Cube
6
PC Case
4