Skip to main content

Shell layout (no global header, sidebar-first)

Defines the app shell's structural layout — a collapsible sidebar for primary navigation, a main content area, and a persistent footer, with no global header.

Shell layout (no global header, sidebar-first)

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: App Shell & Navigation · Tier: light · Risk: low — structural pattern, no external services

Defines the app shell's structural layout — a collapsible sidebar for primary navigation, a main content area, and a persistent footer, with no global header.

When to use: Reach for it when building or modifying the top-level app shell wrapper or its breakpoint/z-index behavior.

Docs

Code

  • src/lib/components/shell/AppShell.svelte (GitHub · GitLab)

Machine-readable record: app-shell-layout in mcp/patterns.registry.json.

← Back to Pattern Library

Think this pattern could be better? Tell us how.

Leave feedback