Spread sheet

A comprehensive spreadsheet component with all the essential features you'd expect from a spreadsheet application. The component includes cell selection, editing capabilities, keyboard navigation, and a clean Excel-like interface. You can customize the number of rows and columns, and it handles all the standard spreadsheet interactions seamlessly.

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

import { Spreadsheet } from "@/components/ui/spreadsheet";

export default function DemoOne() {
  return (
    <div className="relative flex h-screen w-full flex-col items-center justify-center overflow-hidden bg-purple-700">
     <Spreadsheet rows={10} cols={6} className="shadow-2xl" />
    </div>
  )
}