SvGrid

A headless-first, render-ready data grid for Svelte.

Published by SvGrid
Distributed by ComponentSource since 2026

Prices from: $ 587.02

Screenshot of SvGrid

About SvGrid

A headless-first, render-ready data grid for Svelte.

SvGrid combines virtualization, Excel-style filters, cell selection, and inline editing through a simple, prop-driven API, without relying on a React grid wrapped in a Svelte shim. Built for Svelte runes from the very first line, it provides a headless engine underneath when you need complete control and customization. With more than 150 production-quality examples, SvGrid helps you get up and running quickly while supporting advanced use cases.

SvGrid Features:

  • Headless or render-component - Use createSvGrid for full control, or drop in the <SvGrid> component for a batteries-included experience.
  • Enterprise-grade features - Sorting, Excel-style filters, grouping, aggregation, tree, master/detail, server-side data, virtualization.
  • Built for Svelte - Native runes ($state, $derived, $effect). Snippets for cell renderers. No React or Angular core underneath.
  • 100k × 100 dataset, smooth - Row + column virtualization, chunked loading, and a CSP-compliant runtime - no eval, no inline scripts.
  • Inline editing + cascade - Typed cell editors (text, number, checkbox, date, select) with dirty tracking, validation, and cascade formulas.
  • AI-native - Bundled MCP server + llms.txt so Claude, Cursor, and Zed answer accurately. Natural-language filter and smart-paste demos included.
  • Accessible by default - WAI-ARIA grid roles, full keyboard navigation, aria-live announcements, high-contrast focus toggle.
  • Tested + typed - A Vitest suite with mounted-component behavioral tests, Playwright E2E specs, and TypeScript strict mode. 329 published tests, not marketing.
  • Integrates with anything - Excel/PDF/CSV export, GraphQL + REST adapters, Chart.js + Smart.Chart live sync, Excel/CSV import, password-protected XLSX, and a sustained 600ms cell-edit-to-network roundtrip.