gridcn
A composable, high-performance data grid for the shadcn ecosystem — range selection, spreadsheet clipboard, typed cell editors, validation, and virtualized rendering at 100k+ rows.
Works in Next.js, Vite, and any React 19 app with Tailwind v4 — see compatibility.
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: 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, virtualized row rendering, smooth at 100k rows.
Typed columns
defineColumns<TData>() infers value types and per-cell-type options; accessor key 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.
Your coding agent knows gridcn
Five skills for Claude Code, Cursor, Codex, and other agents: the procedures and silent traps the docs alone cannot enforce.
pnpm dlx skills add DammersCode/gridcn
gridcn-performance
Audits a slow grid against the memoization and virtualization traps, in order.
gridcn-custom-cell-type
Builds a cell type that pastes, sorts, and edits like the built-ins.
gridcn-data-source
Picks client, streaming, lazy, or paged data and wires server sort and filter.
gridcn-addons
Wires several add-ons into one grid, each output in the right place.
gridcn-upgrade
Pulls upstream fixes into copied source and keeps your local edits.
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.