timmikeladze

Rod Pump

Component

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>
  );
}

More by timmikeladze

View all
  • Puzzle Cube

    Puzzle Cube

    6
  • Debris Field

    Debris Field

    6
  • Pumpjack

    Pumpjack

    2
  • Wellhead Tree

    Wellhead Tree

    1
  • Robot Arm

    Robot Arm

    1
  • Robot Stage

    Robot Stage

  • Airliner

    Airliner

  • Construct Ring

    Construct Ring