About
An animated, cutaway-section diagram of a downhole sucker-rod pump that solves and draws its own dynamometer card, fluid load and valve sequence for different pump fault conditions.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Rod Pump to your project and fits it to your theme.
Code
How Rod Pump is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import RodPump from "@/components/ui/rod-pump";
export default function RodPumpUnanchoredTubingDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-10">
<RodPump condition="unanchored" />
</div>
);
}








