Shadcn UI Application Shell Block
ApplicationShell8 is an email client layout with a folder-based sidebar. The sidebar includes a workspace switcher dropdown, search input, and folder navigation with icons for inbox, drafts, sent, trash, and archive. Folders show unread count badges. The user dropdown includes notification toggle switches and account options.
Light background with the sidebar using standard folder icons and unread badges. The workspace switcher shows the current account with a dropdown to switch between workspaces. Search input is integrated into the sidebar header. The user dropdown is more elaborate with switch controls for notification preferences.
This shell mimics traditional email clients like Gmail or Outlook. The folder-based navigation with unread counts and workspace switching provides familiar email UX patterns. Moderate complexity with the notification settings adding interactive elements beyond basic navigation.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
avatar @shadcn | Registry |
badge @shadcn | Registry |
button @shadcn | Registry |
drawer @shadcn | Registry |
dropdown-menu @shadcn | Registry |
label @shadcn | Registry |
scroll-area @shadcn | Registry |
sidebar @shadcn | Registry |
switch @shadcn | Registry |