gridcn
An editable data grid for the shadcn ecosystem — range selection, spreadsheet clipboard, and a fill handle, done right.
pnpm dlx shadcn@latest add @gridcn/data-grid
Click-drag to select a range, drag the fill handle to extend a series, Ctrl+C / Ctrl+V for native clipboard round-trips.
The gap gridcn fills
Range selection, spreadsheet clipboard paste, and a fill handle are paid-tier features — Enterprise in AG Grid, Premium in MUI X. gridcn ships them open source (MIT): core plus one-line add-ons.
Range selection
Anchor + rectangular range, ctrl-click multi-range, full row/column channels, keyboard-driven extension.
Spreadsheet clipboard
Native copy/cut/paste with TSV + HTML table formats — pastes to and from Excel, Google Sheets, Apple Numbers, and other spreadsheets.
Fill handle
Drag to tile a selection, with series inference — arithmetic runs, zero-padded numbers, "Item 1" → "Item 2".
Built the shadcn way
Real DOM, real virtualization
CSS Grid + subgrid, windowed row rendering, smooth at 100k rows.
Typed columns
defineColumns<TData>() infers value types and per-cell-type options; typos are compile errors.
shadcn tokens only
No bespoke palette, no extra CSS files — dark mode works the moment your theme does.
Streaming updates
updateCells / updateRows push live rows into the view — incremental sort stays single-digit ms at 100k rows.
i18n & RTL ready
Typed label objects for every UI string, full RTL with mirrored pinning and pointer math.
Performance you can measure
100k-row production benchmark against MUI X DataGrid, react-data-grid, and a TanStack assembly — same seed, same harness, same machine.
The gap, quantified
Where the same features sit in the grids you are probably comparing — free tier, paid tier, or your own code.
| Capability | gridcn | AG Grid | MUI X | TanStack Table |
|---|---|---|---|---|
| Range selection | Free | Enterprise | Premium | Headless |
| Excel / Sheets clipboard round-trip | Free | Enterprise | Premium | Headless |
| Fill handle | Add-on | Enterprise | Premium (v9) | — |
| Undo & redo | Add-on | Community (v36) | Premium | Headless |
| npx shadcn add | One line | — | — | Examples only |
Tiers as of 09/2026 (AG Grid v36, MUI X v9, TanStack Table v9). Vendors change tiers — verify before relying on this: AG Grid pricing, MUI X licensing, TanStack Table.
Modular by design
The core engine is selection, keyboard, editing, cell types, clipboard, and validation. The twelve add-ons — fill handle, undo/redo, presence, pinned rows, and more — are separate registry items you install only if you want them.