Wellhead Tree

An animated SVG diagram of an oilfield wellhead valve tree — a master, swab and two wing valves plus an adjustable choke — that shows which valves are open, their rising stems, and the choke's opening live.

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

"use client";

import { WellheadTree } from "@/components/ui/wellhead-tree";

export default function WellheadTreeDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-10">
      <WellheadTree service="production" behavior="throttle" size="lg" />
    </div>
  );
}