Gauge Capacity Waterline

ui

Capacity-vs-legal-limit meter drawn as a ship's side-profile hull with Plimsoll load-line marks: the waterline rises with load, the hull itself settles a few px deeper on a separate spring, and the S mark flips to amber the moment load passes the legal limit.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/gauge-capacity-waterline.json"

Sign In

Gauge Capacity Waterline

ui

Capacity-vs-legal-limit meter drawn as a ship's side-profile hull with Plimsoll load-line marks: the waterline rises with load, the hull itself settles a few px deeper on a separate spring, and the S mark flips to amber the moment load passes the legal limit.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/gauge-capacity-waterline.json"

components/ui/gauge-capacity-waterline.tsx