6 Blocks

shadcn/ui page header blocks & components.

Application page headers for shadcn/ui: title-and-actions rows, breadcrumbs with status badges, tabbed headers, detail-view headers with metadata and avatar stacks, list-view toolbars with search and filters, and an overview header with an inline stats strip. The consistent top edge every app screen needs.

Title With Export Actions

Page Header 1Free

Application page header with a title, description, and Export plus New Project buttons above the page content area.

Button

Breadcrumb Header With Status

Page Header 2Free

Page header with a breadcrumb trail, a title paired with an Active status badge, and Export and Save Changes actions.

BadgeBreadcrumbButton

Header With Section Tabs

Page Header 3Free

Settings page header with a title, description, primary action, and Overview, Members, and Billing tabs that switch the content below.

ButtonTabs

Detail Header With Back Link

Page Header 4Free

Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.

AvatarBadgeButton

Header With Search Toolbar

Page Header 5Free

List view page header with a title, primary action, and a toolbar of search input, status and sort selects, and a list or grid view toggle.

ButtonInputSelectSeparator

Header With Metrics Strip

Page Header 6Free

Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.

Button