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.
Headless wrapper
Build a custom wrapper with useDndGrid.
How it works
useDndGrid exposes the layout engine without any of the rendering. You get the computed positions and the drag and resize handlers, and you decide what the container and cells actually are — useful when the grid has to be a list, a table, or a custom element.
This example pairs it with useContainerWidth to measure the available space, then positions plain divs itself. Everything the DndGrid component does is built on this hook, so nothing is lost by dropping down a level.
Installation
npx shadcn@latest add https://blode.co/dnd-grid/r/headless-example.jsonPublished with Edda