Sidebar

An application shell: a collapsible sidebar with a workspace switcher, grouped navigation and a user menu, under a top bar with breadcrumb and search.

A floating sidebar: a detached, rounded panel with a gap around it, a search field in the header that filters the navigation, and a collapse to an icon rail.

An inset sidebar: the page is a raised card on the sidebar's own background, with collapsible spaces that nest folders and pages two levels deep.

A repository browser: a file tree in an off-canvas sidebar that works from the keyboard (arrows, Home, End, type-ahead), with the open file's path in the breadcrumb.

A two-level sidebar: a slim rail of workspaces beside a panel of the selected workspace's channels and messages; collapsing keeps the rail.

A two-sided shell: navigation on the left and a toggleable details panel on the right, both of which turn into sheets on a phone.

A sidebar built around one action: a prominent New menu, recent files with times, G-then-letter shortcut hints on every link, and a storage meter above the account menu.

A reading app with the sidebar on the right: the essay sits in the middle, and an outline and your highlights, added by selecting text, sit beside it.

A task manager shell with live counters, collapsible sections and a pinned list the user puts in their own order by dragging or with Alt and the arrow keys.

A scheduling app shell: a month calendar and colour-coded calendar toggles in the sidebar, and the week as a time grid beside it, or as a list on small screens.

An admin console with sections in a top bar and a sidebar that shows only the pages of the current section, with its own groups, footer and breadcrumbs.

A quiet, text-first docs sidebar: a page tree with add-page buttons on hover, favourites, a trash you can restore from, and the whole sidebar slides away on toggle.