ActiveForms4
@gridcn
Forms · Apache-2.0 · data updated 2026-10-10
An editable, composable data grid for the shadcn/ui ecosystem: range selection, spreadsheet clipboard, fill handle, pinning, undo/redo, and streaming updates. Real DOM cells, shadcn styling.
cardsformsloadersmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://gridcn.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseApache-2.0
Open issues15
ArchivedNo
Stars4
Components (60)
data-griddata-grid-presencedata-grid-filldata-grid-pinned-rowsdata-grid-historydata-grid-toolbardata-grid-context-menudata-grid-keybindingsdata-grid-url-statedropzonedata-grid-iodata-grid-lazydata-grid-paginationdata-grid-sort-listdata-grid-minimal-demodata-grid-streaming-demodata-grid-demodata-grid-cell-types-demodata-grid-custom-cell-demodata-grid-sorting-filtering-demodata-grid-filter-operators-demodata-grid-history-demodata-grid-context-menu-demodata-grid-context-menu-slots-demodata-grid-keybindings-demodata-grid-io-demodata-grid-url-state-demodata-grid-row-markers-demodata-grid-custom-headers-demodata-grid-custom-markers-demodata-grid-pinning-all-sides-demodata-grid-pinning-demodata-grid-column-drag-demodata-grid-column-layout-demodata-grid-actions-demodata-grid-row-ops-demodata-grid-large-data-demodata-grid-performance-demodata-grid-pinned-rows-demodata-grid-conditional-styling-demodata-grid-styling-patterns-demodata-grid-lazy-demodata-grid-pagination-demodata-grid-sort-list-demodata-grid-presence-demodata-grid-events-demodata-grid-validation-demodata-grid-cross-field-demodata-grid-cell-errors-demodata-grid-i18n-demodata-grid-fill-patterns-demodata-grid-loading-demodata-grid-playground-demodata-grid-lazy-react-query-demodata-grid-lazy-swr-demodata-grid-pagination-react-query-demodata-grid-pagination-swr-demodata-grid-server-side-demodata-grid-global-shortcuts-demodata-grid-row-reorder-demo
Components: data-grid, data-grid-presence, data-grid-fill, data-grid-pinned-rows, data-grid-history, data-grid-toolbar, data-grid-context-menu, data-grid-keybindings, data-grid-url-state, dropzone, data-grid-io, data-grid-lazy, data-grid-pagination, data-grid-sort-list, data-grid-minimal-demo, data-grid-streaming-demo, data-grid-demo, data-grid-cell-types-demo, data-grid-custom-cell-demo, data-grid-sorting-filtering-demo, data-grid-filter-operators-demo, data-grid-history-demo, data-grid-context-menu-demo, data-grid-context-menu-slots-demo, data-grid-keybindings-demo, data-grid-io-demo, data-grid-url-state-demo, data-grid-row-markers-demo, data-grid-custom-headers-demo, data-grid-custom-markers-demo, data-grid-pinning-all-sides-demo, data-grid-pinning-demo, data-grid-column-drag-demo, data-grid-column-layout-demo, data-grid-actions-demo, data-grid-row-ops-demo, data-grid-large-data-demo, data-grid-performance-demo, data-grid-pinned-rows-demo, data-grid-conditional-styling-demo, data-grid-styling-patterns-demo, data-grid-lazy-demo, data-grid-pagination-demo, data-grid-sort-list-demo, data-grid-presence-demo, data-grid-events-demo, data-grid-validation-demo, data-grid-cross-field-demo, data-grid-cell-errors-demo, data-grid-i18n-demo, data-grid-fill-patterns-demo, data-grid-loading-demo, data-grid-playground-demo, data-grid-lazy-react-query-demo, data-grid-lazy-swr-demo, data-grid-pagination-react-query-demo, data-grid-pagination-swr-demo, data-grid-server-side-demo, data-grid-global-shortcuts-demo, data-grid-row-reorder-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.