Application Shell 37 - File manager shell with an app launcher

Pro

A file manager shell with a large search bar, an app launcher grid, a toolbar with breadcrumb and view toggles, and filter chips.

Shadcn Application Shell 37 block

Component data

ID
application-shell37
Access
pro
Created
Oct 2, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Application Shell 37 block design & features

ApplicationShell37 is a file manager application shell built with Shadcn UI. The top row has the logo, a large rounded search bar with a search options button, help, settings, an app launcher that opens a grid of apps, and the user avatar.

The second row has a New menu (folder, uploads and new documents), a breadcrumb, a list and grid view switch and a details panel toggle. The third row holds filter chips for type, people and modified date. Each chip opens a dropdown and shows the chosen value.

The main area shows skeleton suggested items and files, laid out as a grid or a list depending on the view switch. The details panel opens on the right on large screens. On small screens the search collapses to an icon and the filter chips scroll horizontally.