Skip to Content
New — snapgrid now ships for Svelte 5: the same dnd-kit-native, headless-first grid — drag, resize, repack, and drag between grids. See it in Svelte →

Roadmap

snapgrid sits on two framework-agnostic foundations: react-grid-layout’s packing core and dnd-kit’s DOM engine. Today it ships as @snapgridjs/react and @snapgridjs/svelte, and neither the layout core nor the drag engine contains any framework code — which is what makes the directions below possible.

This is direction, not a dated commitment. To weigh in or help build any of it, open an issue or PR on GitHub .

Framework bindings

dnd-kit is framework-agnostic by design: a vanilla DOM engine with thin per-framework bindings. snapgrid is built the same way: @snapgridjs/core holds the layout math, compaction, and drag session with no framework code, and each binding is a small layer on top. Two ship today — React (@snapgridjs/react) and Svelte (@snapgridjs/svelte) — and the same core can drive more:

  • Vanilla TypeScript (no framework at all).
  • Vue
  • Solid

Each binding owns only the rendering glue — refs, reactivity, lifecycle — while the layout behaviour stays shared, so a grid behaves identically whichever framework renders it.

Shape the roadmap

These priorities follow what people actually build with snapgrid. Have a use case, or a framework you need? Open an issue . It genuinely steers what comes next.

Last updated on