Layouts
Application layouts
Reference pages for each layout shell. Each demo shows only the page chrome — title, description, breadcrumbs and actions — so you can copy the structure into real pages.
Choose a layout
Open a demo to inspect headers, subheaders and breadcrumbs in context.
Top bar
Authenticated app shell with a horizontal navigation bar.
Panel
Top bar shell with a two-thirds and one-third column grid.
Sidebar
Authenticated app shell with a vertical sidebar rail.
Auth
Centered guest layout for sign-in and registration flows.
Share
Centered public layout for sharing simple content such as files.
Marketing
Public marketing layout with navbar and footer.