Blocks / Shell

App Shell

Authenticated application shell: session and onboarding gate, workspace bootstrap, a sidebar that morphs into an icon rail with a gliding active pill, workspace switcher, configurable nav and user menu, and a page region that lifts each section in.

$pnpm exec shadcn add @intelligo/app-shell

Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.

Loading preview…
about this block

Authenticated application shell: session and onboarding gate, workspace bootstrap, a sidebar that morphs into an icon rail with a gliding active pill, workspace switcher, configurable nav and user menu, and a page region that lifts each section in.

yours to edit
  • lib/shell-config.tsx
  • lib/nav-config.ts

messages/en/app-shell.json

Everything else is used verbatim; a deployment varies through these files and translations.How seams work →

built from

avatar, dropdown-menu, separator, ai-sidebar, ai-motion

npm packages it adds

@intelligo-dev/auth · @intelligo-dev/core · next-themes · drizzle-orm · lucide-react · sonner · motion · server-only · next-intl

what shadcn add writes · 11 files
Routes
  • app/[locale]/(app)/layout.tsx
Components
  • components/shell/app-sidebar.tsx
  • components/shell/workspace-switcher.tsx
  • components/shell/user-menu.tsx
  • components/shell/shell-header.tsx
  • components/shell/theme-provider.tsx
  • components/shell/page-transition.tsx
  • components/shell/time-zone-cookie.tsx
Actions, config and messages
  • lib/shell-config.tsx
  • messages/en/app-shell.json
  • lib/nav-config.ts

Ready to try it? Three commands and the app runs against a stub model.