Design systems
3 articles on design systems in a Svelte 5 data grid: practical guides with copy-paste code, from the team building SvGrid.
- Using SvGrid with shadcn-svelte - Wire SvGrid's --sg-* CSS tokens to shadcn-svelte's design variables so the grid inherits your app's palette and dark mode automatically - no JavaScript required.
- Using SvGrid with Flowbite Svelte - Wire SvGrid into a Flowbite Svelte app - map CSS tokens for dark mode, build toolbar controls from Flowbite components, and put Flowbite Buttons inside cell renderers.
- Using SvGrid with Skeleton UI - Map SvGrid's CSS token system to Skeleton UI's theme variables once, and the grid inherits dark mode, palette swaps, and every future Skeleton theme automatically.