AI agents: fetch the documentation index at llms.txt. Markdown versions are available by appending .md to any page URL, including this page's markdown.
Introduction
Drag-and-drop grid layout for React.
@dnd-grid/core is the headless layout engine. It owns the layout math,
compaction, constraints, and the command-based createLayoutEngine API with no
DOM or React dependencies. @dnd-grid/react is the adapter that handles DOM
measurements, drag/resize events, transforms, focus/a11y, and styling.
Use @dnd-grid/core if you want to build a custom adapter for another runtime.
Otherwise, consume @dnd-grid/react for the full React experience.
Inspired by react-grid-layout by Samuel Reed (STRML).