mui / mui/base-ui

[discussion] Add Dock Manager component?

Open
#4,788 0 comments 1 reaction 0 assignees View on GitHub
discussion scope: new proposal type: new feature waiting for 👍
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
2d 1h
Merged PRs (30d)
114

Description

*⚠️ Info: This issue is for product research, to gather community input. In this [base-ui repo](https://github.com/mui/base-ui) we are, currently, focused on the core set of components needed to create a great design system, so the probability we build this in this repo is very low.*

## Summary

There are actually two parts to this one:

Flexible Grid Layout

Image

Dock Manager (A full-featured grid layout / dock manager)

Image

## Examples in other libraries

Flexible Grid Layout

- React Grid Layout https://github.com/react-grid-layout/react-grid-layout
- Swapy https://github.com/TahaSh/swapy

Dock Manager

- Dockview
- https://dockview.dev/
- https://github.com/mathuo/dockview
- https://www.infragistics.com/products/ignite-ui-react/react/components/dock-manager
- https://x.com/Antfroze/status/1806415383181865173
- Golden Layout https://github.com/golden-layout/golden-layout
- React Mosaic https://github.com/nomcopter/react-mosaic
- Highcharts Dashboard https://www.highcharts.com/docs/dashboards/installation
- https://www.highcharts.com/docs/dashboards/installation

*([internal benchmark](https://www.notion.so/mui-org/x-Advanced-layout-component-e-g-for-dashboard-2a121ed1661645fea26a776f2171cebf))*

## Motivation

TBD

- User requests:
- /
- UI library requests:
- /

Contributor guide

Open the contributing guide

Research direction

No implementation files, tests, or entry points are named. Start by reviewing the linked React Grid Layout, Swapy, Dockview, Golden Layout, and React Mosaic examples, then assess community input and product scope. Done would require a decided direction, but this discussion explicitly says implementation in this repository is unlikely.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.