Shadcn UI Application Shell Block
ApplicationShell11 is a video streaming platform layout inspired by YouTube. The sidebar shows main navigation items like Home, Shorts, Subscriptions, and library sections. A collapsible subscriptions section shows channel avatars. The header contains a hamburger menu, logo, centered search bar, and user dropdown with account and settings options.
Light background with the sidebar using standard navigation icons. Category items like Music, Gaming, and News have dedicated icons. The subscriptions section shows channel avatars in a collapsible list. The search input is centered in the header with a search button. The user dropdown includes upgrade prompts and account management options.
This shell mimics the YouTube layout pattern, suitable for video platforms, streaming services, or media libraries. The collapsible subscriptions and category-based navigation provide familiar UX for content consumption apps. Moderate complexity with the main distinguishing feature being the content-focused navigation structure.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
avatar @shadcn | Registry |
button @shadcn | Registry |
collapsible @shadcn | Registry |
dropdown-menu @shadcn | Registry |
input @shadcn | Registry |
sidebar @shadcn | Registry |