Dual sidebar shell

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.

Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.

The navigation rail with active state, command hint, and labeled drop zones for your pages.

Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.

App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.