About
Fleet of host cards, each with a status pill, region, CPU / memory / disk specs and threshold-tinted usage meters. Ships composable parts.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Server Card to your project and fits it to your theme.
Code
How Server Card is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ServerCardBlock from "@/components/ui/server-card";
export default function ServerCardDemo() {
return <ServerCardBlock />;
}
















