Registry UIteam shadcn registry library
Back to components
Layout

App Shell

A sidebar application shell with navigation, breadcrumbs, actions, summary cards, and user controls.

Preview
This is the same source that shadcn installs from the generated JSON.
Registry UIComponent workspace
Product
CN
Chen Ning
Design systems lead
Dashboard

Reusable interface system

A full application shell with navigation, breadcrumbs, summary cards, and user controls.

Components
42

12 ready for release

Installs
1.8k

Across active projects

Coverage
96%

Preview and source checks

Release activity
Registry build completed and install verification passed.
Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/app-shell.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/app-shell/app-shell.tsx
Registry dependencies
avatarbadgebreadcrumbbuttoncardsidebar
NPM dependencies
lucide-react
View source