The docking layout manager for React

Build IDE-like interfaces with tabs, groups, drag & drop, floating panels, and popout windows. Zero dependencies.

What you get

Rearrange tabs and groups with built-in drag and drop. Dock panels to any edge, merge into existing groups, or snap to the layout border.

Detach any group from the grid into a freely positioned floating overlay. Multiple floating groups are supported simultaneously.

Move any group into a separate browser window. The group stays connected to the layout and can be moved back at any time.

Save and restore the full layout state with api.toJSON() and api.fromJSON(). Persist to local storage, a database, or anywhere else.

The core library has no external runtime dependencies. Add just what you need for your framework — nothing more.

Built-in themes with full CSS variable customization. Override individual properties or build your own theme from scratch.

Framework support

Reactdockview-react

Vuedockview-vue

Angulardockview-angular

TypeScriptdockview-core