Resource Status

Statuspage-style panel: an overall banner over a list of resources, each with an operational / degraded / outage / maintenance state and uptime.

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

import ResourceStatus from "@/components/ui/resource-status";

export default function ResourceStatusDemo() {
  return <ResourceStatus />;
}