// the find
Raathigesh/dazzle
:rocket: Dashboards made easy in React JS.
React Dazzle is a drag-and-drop dashboard layout library for React. You bring your own widgets as components; the library handles the grid, drag reordering, add/remove, and frame chrome. Aimed at anyone building an internal analytics or monitoring dashboard in React.
The layout model — rows, columns, widgets as plain JSON — is clean and easy to serialize to a database or localStorage, which is the right call for a dashboard that needs to persist user arrangements. UI framework agnostic design means you can drop Bootstrap, Tailwind, or nothing at all — the className prop on columns is just passed through. The DragDropContext escape hatch (DashboardWithoutDndContext) shows the author thought about real apps where react-dnd is already in the tree. Test coverage across all components with enzyme is solid for a project this size.
Abandoned since late 2019 — the author was actively looking for maintainers before going quiet, and react-dnd has had multiple breaking major versions since then, so the dependency chain is likely broken out of the box. No support for responsive breakpoints beyond whatever CSS classes you pass in, which means drag-and-drop on mobile is either your problem or unsupported. The layout model has no concept of widget sizing or spanning — every widget in a column takes the full column width, so you cannot have a tall widget next to a short one without column gymnastics. With react-grid-layout being actively maintained and offering all the same features plus resize handles, there is almost no reason to pick this today.