Documentation

@unsanity/spreadsheet splits headless workbook logic (npm) from registry UI (shadcn copy). This site hosts docs, live demos, and registry JSON for npx shadcn add.

Quick start

npm install @unsanity/spreadsheet

import "@unsanity/spreadsheet/styles.css";
import { Spreadsheet } from "@unsanity/spreadsheet";
import { SpreadsheetFormulaBar } from "@/components/spreadsheet/spreadsheet-formula-bar";
import { SpreadsheetMenubar } from "@/components/spreadsheet/spreadsheet-menubar";
import { SpreadsheetGridArea } from "@/components/spreadsheet/spreadsheet-grid-area";

export function Sheet() {
  return (
    <Spreadsheet>
      <SpreadsheetMenubar />
      <SpreadsheetFormulaBar />
      <SpreadsheetGridArea />
    </Spreadsheet>
  );
}

Install registry chrome with npx shadcn@latest add https://spreadsheet.ui.unsanity.ai (see Registry docs).