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.

Splitter

SvSplitter: two resizable panes with a draggable WAI-ARIA separator - pointer drag + arrow-key resize (Home/End jump to bounds). Nest them for IDE / dashboard layouts. RTL flips the horizontal drag direction.

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