Pro Blocks
Header Sections

Header Sections

Top-level headers with title and description - built with shadcn/ui.

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

Header section with centered text

Get access in Premium

Header section with left-aligned text

Get access in Premium

Header section with centered text and dark background

Get access in Premium

Header section with left-aligned text and dark background

Get access in Premium

Header section with breadcrumbs

Get access in Premium

Header section with breadcrumbs and dark background

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