Resource Matrix

An editable React resource planning table with project allocations, weekly capacity, utilization filters, and CSV export, useful for balancing team workloads and identifying overbooking.

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

"use client";

import * as React from "react";
import ResourceMatrix from "@/components/ui/resource-matrix";

export default function ResourceMatrixDemo() {
  return <div className="flex min-h-[460px] w-full flex-col items-center justify-center bg-background p-4 text-foreground sm:p-8"><ResourceMatrix /></div>;
}