Pro Blocks
Page Headers

Page Headers

Header sections for displaying page titles and main actions - built with shadcn/ui.

View blocks
Preview
Docs
We updated component installation method to use shadcn CLI 3.0. See our documentation for more details.

Page header with placeholders

Get access in Premium

Page header with breadcrumbs and actions

Get access in Premium

Page header with navigation links on top

Get access in Premium

Page header with breadcrumbs and search

Get access in Premium

Page header with action buttons

Get access in Premium

Page header with primary and secondary actions

Get access in Premium

Page header with navigation on the bottom

Get access in Premium

Page header with search, profile and buttons

Get access in Premium
Pro Blocks are now fully supported in Figma Sites, allowing you to create responsive websites directly within Figma's new website builder.

Get access to coded Pro Blocks in our Premium Package

Buy now