DockLayout

CSS Grid-based layout coordinator arranging Toolbar, Sidebar, TabbedPanel, StatusBar, and content into a 5-zone application shell. Inspired by Java Swing's BorderLayout.

Full Application Shell

All 5 layout zones populated: toolbar (top), left sidebar with tree view, right sidebar, bottom panel with tabs, status bar, and center content. Try resizing and collapsing sidebars — the center content reflows automatically.

Minimal Layout

Toolbar and content only — empty slots collapse to zero height/width automatically.

Dynamic Slot Management

Add or remove layout slots at runtime using the buttons below.