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.

Range & feedback

SvSlider (single or dual-thumb range, ticks, keyboard, vertical) and SvGauge (radial arc with threshold bands, needle, half sweep). Theme-driven value controls, standalone or in-grid.

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