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.
A full-featured builder with external drag, selection, action bar, and edit panel.
A full layout builder that combines most of the library at once: an external palette wired up with dnd-kit sensors, multi-select, an action bar, an edit panel bound to the selected item, custom resize handles, and the full set of drag lifecycle callbacks.
It is deliberately larger than the focused examples and is worth reading after them rather than first. Treat it as a reference for how the pieces interact — particularly how selection state, dragCancel, and the onDrag callbacks coexist without fighting each other.
npx shadcn@latest add https://blode.co/dnd-grid/r/kitchen-sink-example.jsonimport { KitchenSinkExample } from "@/components/dnd-grid-kitchen-sink-example";
export default function Page() {
return <KitchenSinkExample />;
}Published with Edda