Page Headers

This Shadcn page header block sets up a clean top bar for a page title, supporting text, and optional actions. A simple bar at the top of the page with a large title on the left and placeholder text under it, plus space for optional action buttons on the right.

Adds a breadcrumb trail above the page title and a row of action buttons (e.g., "Create" and "Settings") on the far right.

Puts a thin horizontal navigation bar with several links above the main title and subtext.

This Shadcn page header block helps users orient themselves and act fast with built-in navigation context and search. Similar to header-2 but replaces action buttons with a search field, allowing users to type queries directly in the header.

Displays a prominent page title and subtitle on the left and two call-to-action buttons (primary and secondary) on the right.

Similar to header-5 but emphasises one main action button and one secondary, less-accented button beneath the subtitle.

This Shadcn page header block supports section-level navigation so users can switch views without leaving the page. Shows the page title and description above a row of tab-like navigation items that let the user switch between page sections.

Combines a search bar, user avatar and multiple action buttons in the right portion of the header, with the title and subtitle on the left.