https://github.com/react-zeugma/react-zeugma
Recursive drag-and-drop dashboard layout engine for React. Combines tree-based arbitrary splitting with a declarative, state-driven API. Built on @dnd-kit with native flexbox resizers, 5-zone docking previews, and zero runtime CSS. Fully headless and style-agnostic.
https://github.com/react-zeugma/react-zeugma
dashboard dnd-kit drag-and-drop headless layout-engine react responsive tailwindcss typescript vite
Last synced: about 1 month ago
JSON representation
Recursive drag-and-drop dashboard layout engine for React. Combines tree-based arbitrary splitting with a declarative, state-driven API. Built on @dnd-kit with native flexbox resizers, 5-zone docking previews, and zero runtime CSS. Fully headless and style-agnostic.
- Host: GitHub
- URL: https://github.com/react-zeugma/react-zeugma
- Owner: react-zeugma
- License: mit
- Created: 2026-06-01T14:05:05.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2026-06-15T11:10:03.000Z (about 1 month ago)
- Last Synced: 2026-06-15T13:08:00.818Z (about 1 month ago)
- Topics: dashboard, dnd-kit, drag-and-drop, headless, layout-engine, react, responsive, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://react-zeugma.vercel.app/
- Size: 4.45 MB
- Stars: 11
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# React Zeugma Monorepo
This monorepo contains the following workspace packages:
- **[packages/react-zeugma](packages/react-zeugma/)**: Recursive drag-and-drop dashboard layout engine for React.
- **[apps/homepage](apps/homepage/)**: Next.js demo website for React Zeugma.
## Documentation
For the full library documentation, API details, and usage guidelines, please refer to:
👉 **[packages/react-zeugma/README.md](packages/react-zeugma/README.md)**
## Running Locally
1. Install dependencies:
```bash
npm install
```
2. Run the library compiler in watch mode (auto-recompiles library source on change):
```bash
npm run dev:lib
```
3. Run the Next.js demo application development server:
```bash
npm run dev:homepage
```