Pro Blocks
Header Sections

Header Sections

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

View blocks
Preview in Figma

Header section with centered text

Get code

Header section with left-aligned text

Get code

Header section with centered text and dark background

Get code

Header section with left-aligned text and dark background

Get code

Header section with breadcrumbs

Get code

Header section with breadcrumbs and dark background

Get code
Get Pro Blocks

Get access today and ship faster

Get all our Pro Blocks with a single payment and improve your workflow. After the purchase you will be able to generate an invoice with all company and address details.

Personal license
Team license
Developer
The Developer Package provides code-only access to Pro Blocks, streamlined for developers who don't require Figma resources.
299199 USD
What's inside:
  • License for 1 user
    License for one user. Perfect for solo creators and freelancers.
  • Pro Blocks (code)
    You will get access to the React code of each Pro block that you can easily copy and paste to your app.
  • 1 year of free updates
    You will get access to our new Pro Blocks for one year.
  • Unlimited projects
    Use this UI kit across multiple personal and commercial projects, for multiple clients without limitations.
Get Developer Package
One-time payment · Plus local taxes
Premium
Our Premium Package contains all our resources and lifetime access to updates.
699549 USD
What's inside:
  • License for 1 user
    License for one user. Perfect for solo creators and freelancers.
  • shadcn/ui kit for Figma
    Get access to all components, icons, variables and assets.
  • Default and New York style
    Just like shadcn/ui components, the shadcn/ui kit for Figma comes in two styles: Default and New York. Upon purchase, you'll gain access to both style options, allowing you to choose whichever best suits your project needs.
  • Lifetime free updates
    Lifetime access to free updates. Whenever there is a new version of any product or a new resource, we'll email you the new files and access to the new stuff.
  • Unlimited projects
    Use this UI kit across multiple personal and commercial projects, for multiple clients without limitations.
  • Figma to shadcn/ui plugin
    Lifetime access to our dedicated Figma plugin for this UI kit to help you manage, import and export shadcn/ui themes.
  • Pro Blocks (Figma)
    A great deal of ready-to-use blocks built with shadcn/ui components for Figma. You will find the blocks in the Figma file on the Pro blocks page.
  • Pro Blocks (code)
    You will get access to the React code of each Pro block that you can easily copy and paste to your app.
  • Priority support
    We respond to every email during regular business days within a 24-hour timeframe.
  • Video course (coming soon)
    A shadcn/ui dedicated Figma course to level up your Figma skills and onboarding process even more.
  • Templates (coming soon)
    We will release templates for apps and websites built with shadcn/ui. Templates will be built with Figma and you will also get their coded versions.
Get Premium Package
One-time payment · Plus local taxes
Developer
The Developer Package provides code-only access to Pro Blocks, streamlined for developers who don't require Figma resources.
599399 USD
What's inside:
  • License for 25 users
    License for teams with up to 25 users.
  • Pro Blocks (code)
    You will get access to the code of each Pro block that you can easily copy and paste to your app.
  • 1 year of free updates
    You will get access to our new Pro Blocks for one year.
  • Unlimited projects
    Use this UI kit across multiple personal and commercial projects, for multiple clients without limitations.
Get Developer Package
One-time payment · Plus local taxes
Premium
Our Premium Package contains all our resources and lifetime access to updates.
20991499 USD
What's inside:
  • License for 25 users
    License for teams with up to 25 users.
  • shadcn/ui kit for Figma
    Get access to all components, icons, variables and assets.
  • Default and New York style
    Just like shadcn/ui components, the shadcn/ui kit for Figma comes in two styles: Default and New York. Upon purchase, you'll gain access to both style options, allowing you to choose whichever best suits your project needs.
  • Lifetime free updates
    Lifetime access to free updates. Whenever there is a new version of any product or a new resource, we'll email you the new files and access to the new stuff.
  • Unlimited projects
    Use this UI kit across multiple personal and commercial projects, for multiple clients without limitations.
  • Figma to shadcn/ui plugin
    Lifetime access to our dedicated Figma plugin for this UI kit to help you manage, import and export shadcn/ui themes.
  • Pro Blocks (Figma)
    A great deal of ready-to-use blocks built with shadcn/ui components for Figma. You will find the blocks in the Figma file on the Pro blocks page.
  • Pro Blocks (code)
    You will get access to the code of each Pro block that you can easily copy and paste to your app.
  • Priority support
    We respond to every email during regular business days within a 24-hour timeframe.
  • Video course (coming soon)
    A shadcn/ui dedicated Figma course to level up your Figma skills and onboarding process even more.
  • Templates (coming soon)
    We will release templates for apps and websites built with shadcn/ui. Templates will be built with Figma and you will also get their coded versions.
Get Premium Package
One-time payment · Plus local taxes
Our prices will increase soon.
Take advantage of current rates while they last!
Secure 256-bit SSL Encrypted payments by Lemon Squeezy.
The standard local tax rate may be charged, following the law of your country.