react-dockable-desktopPremium dockable layout engine for React

Zero-unmount DOM preservation · Floating windows · i18n & RTL · Pub/sub event bus

Get Started

Live Demo

View on GitHub

📦

Dockable Splits & Tabs

Drag panels to split screens or group them into tabbed containers. Full tree-based layout engine with serialization.

🔬

Zero-Unmount DOM Preservation

WebGL maps, terminal consoles, and stateful forms keep their DOM nodes intact when hidden. No remount, no state loss.

🪐

Floating Windows

Pop panels out into resizable floating windows with maximize, minimize, z-index management, and corner anchoring — drag to a workspace corner and it snaps and stacks there.

🌍

i18n & RTL Support

Full Right-to-Left layout support (Arabic, Hebrew, Persian). Set dir="rtl" on the provider — every control, tab, drop zone and menu of the workspace flips automatically; the sidebar and toasts follow the page's dir.

🔌

Pub/Sub Event Bus

Lightweight inter-panel messaging with subscribe/publish. Panels communicate without prop drilling.

🛠️

Workspace Outside React

createWorkspace() returns a store that is live before mount — open panels, publish events and load layouts from anywhere, like a TanStack QueryClient.