Application Shell 46 - Photo library shell with selection mode and timeline

Pro

A photo library shell with a large search bar, app launcher, section switcher, filter chips, a select mode with a contextual action bar and a year timeline.

Shadcn Application Shell 46 block

Component data

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

Application Shell 46 block design & features

ApplicationShell46 is a photo library application shell built with Shadcn UI. The top bar has the logo, a large rounded search bar, an Upload button, settings, an app launcher grid and the user avatar.

A second row has a pill switcher for Photos, Explore, Albums and Sharing, filter chips for people, places, videos, favourites and screenshots, and a Select toggle. In select mode the top bar becomes an action bar with the number selected and share, add to album, favourite and delete actions, and each photo gets a check circle.

The main area shows skeleton photos in a justified grid grouped by date, with a year timeline down the right edge. On small screens the search collapses to an icon and the chips hide.