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.

High-contrast theme

WCAG 2.2 AAA-grade preset for accessibility procurement. Token block opts a subtree into the high-contrast skin while the rest of the page stays standard. Light + dark.

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