Layouts
Container
A container wraps your content with centered layout and consistent padding, with constrained or full-width options so your pages stay clean, flexible, and readable.
Installation
Install the component via the CLI in one command.
npm
pnpm
yarn
bun
npx shadcn@latest add @intentui/container
Manual installation
Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.
Constrained
The Container component has constrained props, which means it won't have padding on mobile devices. By default, it will be false.
<Container constrained />Design Intent UI
Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.