App Shell Blocks

App shell pairing a collapsible sidebar with a top bar carrying search, notifications, and a user menu, over a dashboard of revenue and user stat cards.

Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed content holding project cards, a task checklist, and an activity feed.

App shell with a collapsible icon-rail sidebar and a search top bar, over a dashboard of KPI cards, a revenue chart, and recent activity.

App shell whose top bar chains Org, Project, and Environment switchers beside a system-status pill, command palette, and notifications, over counting KPIs and a revenue chart.

Three-pane app shell docking a right-hand AI assistant panel that reflows the layout when toggled, streams a reply with a typing indicator, and offers action chips.

Community app shell with a grouped full-height sidebar and a top bar carrying a command palette, create menu, inbox, grouped notifications, and toggleable feed cards.

Document app shell whose sidebar and top bar collapse into a distraction-free editor and restore, with a command palette and an Escape-to-exit floating control.

App shell with a closable browser-style tab strip and sliding active indicator in the top bar, cross-fading between an overview, a pipeline board, and a deals chart.

Inbox app shell splitting the content area into a resizable conversation list and detail pane with a draggable divider, thread view, and reply composer.