{ "$schema": "https://mian.ro/schema/v2/registry.json", "schemaVersion": "2.0.0", "generatedAt": "2026-10-02T13:14:06.957Z", "id": "app-shell", "name": "App shell", "category": "Sections", "description": "The frame of a web app: a sidebar, a top bar and a content area that becomes a drawer layout on small screens.", "tags": [ "app shell", "dashboard layout", "admin layout", "sidebar layout", "application", "saas app", "backoffice", "console" ], "requiresJs": false, "license": "LicenseRef-MIAN-1.0", "composition": { "role": "frame", "intents": [ "admin dashboard layout", "web app frame", "sidebar and top bar", "saas app", "back office", "crm layout" ], "prominence": "low", "density": "high", "worksAfter": [], "worksBefore": [], "alternatives": [ "docs-layout" ], "avoid": "Marketing sections (hero, bento) inside an app, apps are built from stats, tables, forms and charts." }, "url": "https://mian.ro/components/app-shell", "markdownUrl": "https://mian.ro/ai/components/app-shell.md", "classes": [ { "name": "mn-shell", "description": "The frame (usually the whole page)." }, { "name": "mn-shell-side", "description": "The sidebar (holds an mn-sidebar). Shown when the shell is at least 60rem wide." }, { "name": "mn-shell-body · mn-shell-top · mn-shell-main", "description": "Content column, sticky top bar, and main area." }, { "name": "mn-shell-menu", "description": "The top-bar button that opens the navigation drawer; hidden when the sidebar shows." }, { "name": "mn-shell-head", "description": "Page title, description and actions at the top of the main area." } ], "accessibility": [ "Use