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.
Features #
-
Headless engine plus a drop-in <SvGrid> render component
-
Sorting, Excel-style filters, grouping, aggregation, tree, and master/detail
-
Row + column virtualization - 100,000 rows by 100 columns stay smooth
-
Inline editing with typed editors, validation, and cascade formulas
-
Server-side data, WAI-ARIA accessibility, and full keyboard navigation
-
AI-native: a bundled MCP server plus llms.txt for Claude, Cursor, and Zed
-
MIT-licensed Community core; sv-grid-pro adds export, print, pivot, and AI
How SvGrid compares #
SvGrid vs AG GridSvGrid vs TanStack TableSvGrid vs MUI X DataGridSvGrid vs HandsontableSvGrid vs svelte-headless-table
Get started · Browse 150+ demos · Documentation · All comparisons · Blog · Pricing
Frequently asked questions #
Can I build Svelte data grids for free with SvGrid?
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.
How fast is SvGrid?
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.
Can I customize the style of my data grid?
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.
Is SvGrid compatible with my framework?
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.
Does SvGrid work with AI tools and assistants?
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.
How is SvGrid different from TanStack Table?
SvGrid is Svelte-5-native with a built-in <SvGrid /> 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.
What is the difference between sv-grid-community and sv-grid-pro?
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.
How much does sv-grid-pro cost?
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.