SvGrid - The Svelte 5 Data Grid with Headless Core + Render Component

SvGrid - The Svelte 5 Data Grid

SvGrid is a modern data grid for Svelte 5. Headless-first engine plus a full-featured<br>render component. Built by jQWidgets - the team behind jqwidgets.com and htmlelements.com,<br>whose other UI components are used in production by 5,000+ companies (Samsung, Boeing,<br>NVIDIA, Microsoft, Nokia, Intel). SvGrid is a new Svelte 5 product from the same team.

Sorting, Excel-style filters, grouping + aggregation

Row + column virtualization (100k rows smooth)

Inline editing with cascade formulas

Server-side data, master/detail, tree

WAI-ARIA + full keyboard navigation

150+ production-quality examples and a full documentation site

MCP server for AI assistants (Claude, Cursor)

This site requires JavaScript to browse the live demos. The full source is on<br>GitHub, and the library is on<br>npm as<br>sv-grid-community.

SvGrid - the Svelte 5 data grid<br>SvGrid is a modern data grid for Svelte 5: a headless engine you can compose plus a full-featured render component you can drop in. Sorting, filtering, grouping, virtualization, inline editing, server-side data, and 150+ production-quality examples. Free under the MIT License; sv-grid-pro adds export, print, pivot, and AI helpers.<br>Features<br>Headless engine plus a drop-in render component<br>Sorting, Excel-style filters, grouping, aggregation, tree, and master/detail<br>Row + column virtualization - 100,000 rows by 100 columns stay smooth<br>Inline editing with typed editors, validation, and cascade formulas<br>Server-side data, WAI-ARIA accessibility, and full keyboard navigation<br>AI-native: a bundled MCP server plus llms.txt for Claude, Cursor, and Zed<br>MIT-licensed Community core; sv-grid-pro adds export, print, pivot, and AI<br>How SvGrid compares<br>SvGrid vs AG Grid<br>SvGrid vs TanStack Table<br>SvGrid vs MUI X DataGrid<br>SvGrid vs Handsontable<br>SvGrid vs svelte-headless-table<br>Get started &middot; Browse 150+ demos &middot; Documentation &middot; All comparisons &middot; Blog &middot; Pricing<br>Frequently asked questions<br>Can I build Svelte data grids for free with SvGrid?<br>Yes. The sv-grid-community package is free under the MIT License, including commercial use. No license key, no row-count cap, no enterprise upsell pop-ups.<br>How fast is SvGrid?<br>It renders 100,000 rows x 100 columns smoothly thanks to row + column virtualization - only the visible window is in the DOM. The headless engine has its own performance test suite tracking the row pipeline.<br>Can I customize the style of my data grid?<br>Yes. Re-theme via the --sg-* CSS custom properties (full Tailwind integration documented in the Tailwind guide). Custom cell renderers, header components, and editors all accept any Svelte component or snippet.<br>Is SvGrid compatible with my framework?<br>SvGrid is Svelte 5 only by design - it uses runes ($state / $derived / $effect) and snippets, not Svelte 4 stores, and pays no abstraction tax for cross-framework support. For React, Angular, Vue, or vanilla web components, the same team ships htmlelements.com.<br>Does SvGrid work with AI tools and assistants?<br>Yes. It ships an MCP (Model Context Protocol) server so Claude, Cursor, Zed, and other assistants answer accurately about the grid, plus a published llms.txt / llms-full.txt for retrieval. There are AI demos (natural-language filter, smart paste) in the gallery.<br>How is SvGrid different from TanStack Table?<br>SvGrid is Svelte-5-native with a built-in render component - virtualization, Excel-style filters, cell selection, and inline editing work in one prop pass. TanStack Table is multi-framework and headless-only, so you build the DOM layer yourself. See the Compare page for a side-by-side matrix.<br>What is the difference between sv-grid-community and sv-grid-pro?<br>sv-grid-community is the full grid: sorting, filtering, grouping, virtualization, inline editing, server-side data, master/detail, tree, accessibility. Free under the MIT License. sv-grid-pro is a paid companion that adds export (Excel, PDF, CSV, TSV, HTML), a printable view, pivot tables, and AI helpers, plus direct support.<br>How much does sv-grid-pro cost?<br>Two self-serve license tiers, both per developer. Single Application Developer License ($599) covers one deployed app; Multiple Application Developer License ($999) covers unlimited deployed apps in your organisation. Buy once, keep forever - the optional yearly renewal pays for new updates and support, and you can cancel anytime and keep every version released during your paid term. For 50+ seats, MSA / NDA / on-prem / multi-year terms, see the Enterprise tier on the pricing page.