App Shell 1: Collapsible Sidebar With Command Menu

block

A product frame: workspace switcher, grouped navigation with badges that collapses to an icon rail, top bar with search, notifications and a ⌘K command menu, and a scrolling page slot. A drawer on phones.

pnpm dlx shadcn@latest add "https://ui.ballmac.com/r/app-shell-1.json"

Sign In

App Shell 1: Collapsible Sidebar With Command Menu

block

A product frame: workspace switcher, grouped navigation with badges that collapses to an icon rail, top bar with search, notifications and a ⌘K command menu, and a scrolling page slot. A drawer on phones.

pnpm dlx shadcn@latest add "https://ui.ballmac.com/r/app-shell-1.json"

lucide-react

@components/ballmac/blocks/app-shell-1/app-shell-1.tsx

lucide-react

@components/ballmac/blocks/app-shell-1/app-shell-1.tsx