Shadcn Templates
Shadcnblocks

Shadcnblocks

The ultimate block set for shadcn/ui & Tailwind. 1630 blocks, 1684 components, and 15 templates for React, Next.js & Astro.

$149
Price
Aug 31, 2024
Listed
Shadcnblocks screenshotOpen Shadcnblocks

Overview

Shadcnblocks is a premium React UI library built on shadcn/ui and Tailwind CSS, established in 2023 as a project by @ausrobdev. The catalog lists 2,478 blocks, 2,154 components, 97 pages, 21 templates and 39 themes, and the team adds around 100 blocks and 50 components each month. Free blocks are available alongside the paid Pro library.

Every block and component works with Next.js, Vite, Astro and Remix, and is published in three builds: Radix UI (the recommended default), Base UI and React Aria (beta). The project's components.json style, such as radix-vega or base-vega, tells the shadcn CLI which build to install. The site reports 22,162 free users, 5,420 Pro customers and about 10,000 installs per day.

Shadcn Preview renders shadcn presets on landing, dashboard and login pages built from Shadcnblocks blocks, and Shadcn Themes has 641 free themes that work across the library.

Features

  • 2,478 blocks: Including 292 hero, 321 feature, 96 pricing, 120 blog, 47 application shell and 31 dashboard blocks
  • Ecommerce and app blocks: Product lists and details, shopping cart, checkout, order history, settings, kanban and inbox
  • 2,154 components: Variants of buttons, forms, charts, file upload, combobox, Gantt, editor, QR code and more
  • Three primitive builds: Radix UI, Base UI and React Aria versions of the same block id
  • 21 templates: Next.js and Astro templates such as Apex, Meridian, Kinto and Hatch, plus a Shadcn Admin Kit
  • Themes: 39 themes that apply to every block, component and page through official shadcn variables
  • Tooling: Shadcn CLI and MCP support, a page builder, an IDE extension, and Payload CMS and Sanity CMS add-ons
  • Figma kit: A matching Figma kit is part of the product range

Tech stack

  • React, shadcn/ui, Tailwind CSS
  • Radix UI, Base UI, React Aria
  • Next.js, Vite, Astro, Remix

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @shadcnblocks/component-name

Similar listings

All Block Library