Comparison Table

A compact feature-comparison table that lays out plans across columns and marks which features each plan includes, ideal for pricing and plan comparisons in AI chat responses.

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

import ComparisonTable from "@/components/ui/comparison-table";

export default function Default() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center p-8">
      <div className="w-full max-w-md">
        <ComparisonTable />
      </div>
    </div>
  );
}