For AI agents: the documentation index is at /dnd-grid/docs/llms.txt. Append .md to any page URL, or send Accept: text/markdown, for the Markdown version of that page.
For AI agents: the documentation index is at llms.txt. Markdown versions are available by appending .md to any page URL, including this page's markdown.
Drag-and-drop grid layout for React.
import { DndGrid } from "@dnd-grid/react";
import "@dnd-grid/react/styles.css";
export default function Dashboard() {
return (
<DndGrid
cols={12}
rowHeight={50
Published with Edda
@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).