Inventory OPS Dashboard Shell
Base structure for admin consoles.
Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.
About this layout
What it's for
- Base structure for admin consoles.
- Navigation shell for multi-warehouse or multi-worker SaaS.
- Operations panel with a top bar and a persistent side menu.
Includes
- Collapsible sidebar
- Sticky header
- Route breadcrumbs
- Dark mode toggle
Works with
- Radix UI and Base UI primitives (pick the one your project uses)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
- 3 templates and blueprints on this site use it (below)
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add inventory-ops-dashboard-shellInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/inventory-ops-dashboard-shellUsed in
- Type
- Layout
- Variants
- Radix UI and Base UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- npm packages
- None beyond your project's React and Next.js
- Registry dependencies
inventory-ops-app-headerinventory-ops-app-sidebarui-sidebar- Files
1 file
- components/templates/inventory-ops/app/(dashboard)/layout.tsx
Related components
Inventory OPS App Header
Top header for a control panel with entity search.
Details and live previewInventory OPS App Sidebar
Sidebar with a site or warehouse selector.
Details and live previewInventory OPS Analytics Page
Executive panel for catalog profitability and operating margins.
Details and live previewInventory OPS Category Distribution
Revenue composition by catalog category.
Details and live preview