View as markdownAsk ChatGPTAsk Claude

Layout

How Tabler pages are structured: where the navigation sits, how content is arranged and how page headers behave.

Layout defines how your pages are structured: where navigation sits, how content is arranged, and how page headers behave. Use these patterns to keep every page of your application consistent.

Navbars

Responsive navigation bars, with the markup, the variants and a language selector.

Navs and tabs

Nav styles: tabs, pills, underline, dropdowns and vertical navs.

Page headers

Ready-to-use page header examples with titles, subtitles, breadcrumbs, and action buttons for consistent page layouts.

Page layouts

Combine containers, navigation and page structure into a complete dashboard layout, step by step.

130 sleek illustrations for your startup's visual identity.