Navigation: [/sitemap.md](/sitemap.md) --- type: doc title: Layout description: Page-shell primitives for the root html, head, body, and main structure. --- `Layout` is a document-level primitive family. It is intended for page shells and shared templates rather than inline component composition inside a docs example. ## Installation ```bash npx shadcn@latest add @fulldev/layout ``` ## Usage ```ts import { Layout, LayoutBody, LayoutHead, LayoutMain, } from "@/components/ui/layout" ``` ```astro --- import { Layout, LayoutBody, LayoutHead, LayoutMain, } from "@/components/ui/layout" --- ``` ## Notes - `Layout` owns the root `` element and global visual baseline. - `LayoutHead` centralizes metadata, canonical URLs, and social tags. - `LayoutBody` and `LayoutMain` provide the default body and page-content wrappers. - `LayoutMain` is a neutral structural wrapper for page content. ## API Reference See the [GitHub source code](https://github.com/fulldotdev/ui/tree/main/src/components/ui/layout) for more information on props.