UI / Components / layout / PageShell

PageShell

Sidebar + topbar + main wrapper.

Standard app shell: Sidebar on the left, TopBar on top, main content fills the rest. Handles mobile collapsing automatically. Use as the root layout for any app dashboard.

$npx dock-ui add page-shell

Usage

import { PageShell } from "@/components/ui/page-shell";

<PageShell sidebar={<Sidebar />} topbar={<TopBar />}>
  <YourPage />
</PageShell>

Install

via CLI

$ npx dock-ui add page-shell

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/page-shell.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →