Spec Sheet

A comparison table for showing product specs side by side across up to three variants, with a toggle to show only the differing rows and a stacked layout on narrow screens.

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

import { SpecSheet } from "@/components/ui/spec-sheet";

export default function SpecSheetDemo() {
  return (
    <div className="w-full max-w-3xl p-4">
      <SpecSheet />
    </div>
  );
}