Pro Blocks
Hero Sections

Hero Sections

Primary landing page sections for main value propositions and key messages - 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.

Hero section with image on the right

Get access in Premium

Hero section with list and image on the right

Get access in Premium

Hero section with image on the left

Get access in Premium

Hero section with input and image on the right

Get access in Premium

Hero section with input and video on the right

Get access in Premium

Hero section with centered text and image in the background

Get access in Premium

Hero section with text in 2 columns and a full-width image

Get access in Premium

Hero section with centered text and rating

Get access in Premium

Hero section with centered text and a full-width video

Get access in Premium

Hero section with centered text, full-width image and group of logo

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