Build It in Svelte with SvGrid
14 things people build with a Svelte 5 data grid and the SvGrid component suite - a Kanban board, a scheduler, a pivot table, a spreadsheet, an editable table, a date picker - each with the prop that turns it on, a live demo, and the documentation.
- Svelte Kanban Board - Build a Svelte 5 Kanban board from the rows you already have: one board prop, lanes bucketed by a status field, drag-and-drop, WIP limits and rich cards.
- Svelte Scheduler and Calendar - A Svelte 5 scheduler from one prop: rows become events across Month, Week, Day and Agenda views, with drag to reschedule and a resource timeline.
- Svelte Pivot Table - Summarize flat rows into a Svelte 5 pivot table: row and column dimensions, value aggregations, multi-level headers and a drag-and-drop designer.
- Svelte Spreadsheet - Turn a Svelte 5 data grid into a spreadsheet: column-letter headers, a formula bar, cell ranges, a fill handle, freeze panes and a real formula engine.
- Svelte Gantt Chart - A Gantt-style project plan in a Svelte 5 data grid: task bars positioned by start and end date in one wide cell, with phase colour and progress fill.
- Svelte Tree Grid - Render hierarchical rows in a Svelte 5 data grid: pass a parentField and the grid nests, indents, expands and collapses, with lazy loading on expand.
- Svelte Data Table - A sortable, filterable, paginated data table in Svelte 5: pass data and columns, register the features you want, and render. Free and MIT-licensed.
- Svelte Editable Table - Inline editing in a Svelte 5 table: give a column an editorType and it becomes editable, with validation, full-row edits, a fill handle and undo.
- Svelte Server-Side Table - Keep the data on the server: a Svelte 5 grid that round-trips sorting, filtering and paging to your endpoint, with keyset paging and infinite scroll.
- Svelte Admin Dashboard - Build an admin dashboard in Svelte 5: a data grid at the centre, stat tiles and charts around it. Scaffold the whole project with one create command.
- Svelte Date Picker - A Svelte 5 date picker with no extra dependency: a calendar, a date-time picker with a clock, and a range input. Standalone or as a grid cell editor.
- Svelte Command Palette - A Cmd+K command palette for Svelte 5: fuzzy search, groups, shortcuts, arrow-key navigation and a global hotkey. Free, MIT and dependency-free.
- Svelte Dock Layout - An IDE-style docking workspace in Svelte 5: drag tabs between panes to split or stack, resize with splitters, pop panes out, and serialize the layout.
- Svelte Rich Text Editor - A lightweight Svelte 5 WYSIWYG editor: bold, headings, lists, quotes, code blocks and links, emitting HTML through bind:value with a custom toolbar.