Collapsible sidebar shell

Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.

The assembled overview, greeting header, KPI strip, recent list, one open chart slot.

Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.

App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.

A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.

App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.

Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.

Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.

The icon only rail with aria labels, maximum width left for dense tool content.

Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.

Sidebar with Projects expanded to three indented children, one active.

Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.