Page Headings

Use these Tailwind CSS page heading components to add things like page titles, buttons, profile pictures, and useful information to the top of the page. These component examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With meta and actions

With actions

Get the code

With actions on dark

Get the code

With actions and breadcrumbs

Get the code

With actions and breadcrumbs on dark

Get the code

With meta and actions on dark

Get the code

With banner image

Get the code

With avatar and actions

Get the code

Card with avatar and stats

Get the code

With meta, actions, and breadcrumbs

Get the code

With meta, actions, and breadcrumbs on dark

Get the code

With filters and action

Get the code

With logo, meta and actions

Get the code