body { background: #181d27; color: #e2e8f0; font-family: system-ui, sans-serif; padding: 2rem; } a { color: #22d3ee; } h1 { color: #fff; } SvGrid - The Svelte 5 Data Grid SvGrid is a modern data grid for Svelte 5. Headless-first engine plus a full-featured render component. Built by jQWidgets - the team behind jqwidgets.com and htmlelements.com, whose other UI components are used in production by 5,000+ companies (Samsung, Boeing, 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 GitHub, and the library is on npm as @svgrid/grid.

Live 10M-row dashboard

10,000,000-transaction stream behind a mock API: server-side paging, sort, filter, a 1-second live feed, and inline SVG throughput/distribution charts.

A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation.