Screen group

Application shells

Complete application frames — sidebar, header-first, and mobile — that carry the chrome so content pages stay focused.

Application shells · 6 available

Available application shells screens

Live routes rendered in isolated frames. Each preview has its own screen-size control — or open a route in a dedicated tab.

A collapsible sidebar with sectioned navigation, a workspace switcher, and a scrollable content column.

Top navigation with a global search pill, command palette hint, and account controls over dashboard content.

A thumb-reachable bottom tab bar with a brand pill and a quiet scrolling content column.

A nested section tree, readable article column, and on-page table of contents.

A chat-focused sidebar with new-conversation, recent-threads, and credit visibility.

A collapsed icon rail that expands into a floating panel on hover, revealing navigation without pushing the layout.