Data Table

A compact comparison table listing AI models with their context window and price, each row prefixed with the provider's brand icon.

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

import { DataTable } from "@/components/ui/data-table";

export default function Default() {
  return (
    <div className="flex items-center justify-center p-8">
      <div style={{ width: "100%", maxWidth: 460 }}>
        <DataTable />
      </div>
    </div>
  );
}