react-zeugma logoreact-zeugma
HomeDemoDocsChangelog
NPMNPMGitHubGitHub
HomeDemoDocsChangelog
NPMNPM PackageGitHubGitHub Repository
v6.9.4 • React 18 & 19 Ready

Modern layouts for complex dashboards.

Headless, draggable, and resizable layout manager for React. Build dynamic dashboards, workspace layouts, and advanced interfaces in minutes, not days.

Try Interactive Demo $ npm i react-zeugma

Interactive Layout Dashboard

Try it right here — drag tabs, resize panels, and rearrange the layout. Head to the full demo for presets, lock mode, and more controls.

Open full demo with presets & configuration

Built for Next-Generation Layouts

react-zeugma is completely headless, context-isolated, and serialized to JSON. It provides everything you need to build desktop-grade workspace layouts and dynamic dashboards.

Arbitrary Splits

Split horizontally or vertically without constraints. Create complex bento grids or simple side-by-side layouts instantly.

Smooth Resizing

Fluid, non-blocking resize handles with snap-to-edge capabilities. Feels completely native to the browser.

Flexible & Unopinionated

Save and load layout trees via simple JSON serialization. Complete control over state management and persistence flows.

Headless Design

We handle the complex math, drop zones, and tree states. You bring your own CSS and components.

Explore the documentation to build your own
react-zeugma logo
react-zeugma

A flexible, headless, and completely unopinionated workspace layout engine for React. Split, drag, and resize panes without constraints.

References

  • GitHub Repository
  • NPM Package

Community

  • Contributing Guide
  • Issues & Feedback
  • MIT License
© 2026 react-zeugma. All rights reserved.
Named after the ancient city of Zeugma inGaziantep, Turkey