Shadcnblocks

Rob Austin by Rob Austin

Shadcnblocks

A premium collection of 600+ human-crafted blocks and components, custom-built for shadcn/ui, Tailwind, and React.

Shadcnblocks summary

631+ high-quality, interactive, and responsive blocks and components. Made for Shadcn UI, Tailwind, and React. Use them with your Next.js or Astro projects.

100% human-made by experts. Not generated by AI. Ready to copy and paste into your project.

You can get individual templates for $79 each. Or unlock lifetime access to all templates and blocks with a one-time payment for Pro or Premium.

They add dozens of new blocks every month, so you’ll always be ahead of the curve.

If you’re an agency looking for a CMS boilerplate, the maker also built Payload CMS. You can create sections in a Headless CMS. It also lets you build dynamic pages like never before. They convert selected blocks from Shadcnblocks into Payload-ready components. Comes with full config and field data.

Pricing

  • $79 per individual Next.js or Astro template
  • $149 for Pro Plan, one-time payment
  • $299 for Premium Plan, one-time payment

All licences include

Templates

  • 100+ components
  • 10+ pages
  • Figma file
  • MDX and data JSON
  • Responsive mobile-first design
  • Next.js / Astro SEO and metadata

Pro Plan

  • Lifetime access & updates
  • Unlimited projects
  • 630+ Pro blocks
  • 50+ new blocks each month

Premium Plan

  • everything in Pro plus:
  • 4+ Premium templates
  • 1 or more new templates each month
  • Figma kit
  • Admin kit

Shadcnblocks

Optimised hosting

  • Vercel (1-click deploy)

Languages / frameworks

Shadcnblocks Reviews

No reviews currently.

Shadcnblocks FAQs

How are the components built

We build all components with React, Shadcn UI, and Tailwind CSS. You can try many free blocks to see the code before buying pro. The pro blocks have the same structure and standards.

Do you use Shadcn Theming

Yes, we use the Shadcn Theming system and the default CSS variables.

Is it easy to modify the images, backgrounds

Yes, we break down our image assets. For example, in Hero32, each background part is its own image. We do not use a single graphic from Figma. The grid background is an easy-to-swap SVG file.

Do you have a Figma version

No, we only provide the code. We design and develop directly in the browser now.

Do I get multiple logins with the Team license

No, you get only one account login. The team license lets you share and use the code with up to 20 members.

Do you use AI to generate the blocks

No, we do not use AI. We think AI-generated code is not good enough for 90% of our blocks. If you have used Claude or v0, you know it can create basic blocks like hero1, but nothing complex or unique.

What is the provenance of your code

Our team custom-builds all blocks from scratch. We do not use open-source code or steal from others. Each block comes from our hard work and expertise.

What is your association with Shadcn UI

We have no official association with Shadcn UI.

Are your templates using nextjs 15 and react 19?

Yes.

Are there HTML versions of the blocks

No.

Will the blocks work with Astro?

Yes, we use Astro and love it! You can add the React components to any .astro page with `client:load`.

Try Shadcnblocks today

Human-verified

All tools are manually curated and reviewed by me.
No scraping, no AI-generated slop.

Shadcnblocks alternatives SaaS boilerplates similar to Shadcnblocks