Skip to Content
snapgrid is a react-grid-layout v2 alternative built on dnd-kit. Drag, resize, repack, and drag between grids.

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, but neither the layout core nor the drag engine contains any React, 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 @snapgridjs/react is a small binding on top. The same core can drive others:

  • Vanilla TypeScript (no framework at all).
  • Vue
  • Svelte
  • 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