Shadcnblocks.com
300+ Extra blocks for Shadcn UI
One time feeBoilerplateTailwind CSSUI Library11,809 impressions#6 of its week2 comments
Comments
>log in to comment- Built At Lightspeed· 2y ago
This is hands down the best UI Kit for Shadcn right now. It features the most extensive collection of blocks and is exceptionally well-built. Keep up the good work.
We’re thrilled to see Shadcnblocks.com live on Devhunt! 🎉 Since launching in August, we’ve been working tirelessly to make Shadcnblocks.com something truly special. The response from the community has been incredible – we’re seeing hundreds of new users signing up every day and have already sold hundreds of Pro memberships. 🚀 Every block is built with TypeScript, React, Tailwind, and of course, Shadcn UI. They’re crafted specifically for Shadcn UI, fully utilizing its components and theming system. What sets us apart is our commitment to delivering blocks that are unique – no generic or wireframe-like designs! We’re proud to have released 50-100 new blocks every month, consistently on schedule, and we’re pushing hard to raise the bar on quality even further. Thanks for the amazing support so far, and we’d love to hear your thoughts if you check it out. Let’s keep building together! 💻✨
Shadcnblocks provides a library of 2157+ ready-to-copy React blocks, components, templates and themes built for shadcn/ui, Tailwind and React.
- for
- React developers using shadcn/ui and Tailwind who need pre-made UI blocks and templates.
- pricing
- paid
Key features
- 2157+ UI Blocks — Fully responsive, copy-paste blocks for landing pages, dashboards, e-commerce, etc.
- 2151+ React Components — Components published for Radix UI, Base UI and React Aria, usable with Next.js, Vite, Astro and Remix.
- Premium Templates — 20+ production-ready Next.js & Astro templates with Figma files.
- Shadcn CLI & MCP — Install any block via a single CLI command or natural-language AI assistant.
- IDE Extension — Search, preview and install blocks directly from VS Code, Cursor and other editors.
- Page Builder — Drag-and-drop browser editor to compose full pages from blocks and export via CLI.
- Theme Support — Apply any of 39 themes with CSS variables, supporting light/dark mode and custom fonts.
- Figma & Admin Kits — Premium design kits with all base components and 579 block designs for rapid UI design.
Use cases
- Build a marketing landing page in minutes by copying a pre-designed hero block.
- Create a full admin dashboard using the Shadcn Admin Kit and block library.
- Add a data table or chart group to a Next.js app with a single CLI install.
- Design UI in Figma, then sync the components directly to React code.
Shadcnblocks.com pricing
- Pro$149one-timeSingle user · Lifetime access & updates · 2151+ Pro components · 1990+ Pro blocks
- Premium$299one-timeSingle user · Lifetime access & updates · 2151+ Pro components · 1990+ Pro blocks
- Elite$399one-timeSingle user · Lifetime access & updates · 2151+ Pro components · 1990+ Pro blocks
Shadcnblocks.com vs alternatives
 Shadcnblocks.com |  shadcn/ui |  Tailwind CSS |  Storybook |  Material UI | |
|---|---|---|---|---|---|
| Best for | Ready-made shadcn/ui blocks | Basic shadcn/ui component library | Tailwind CSS styling | Component development workflow | Material Design components |
| Pricing | Paid | Free | Free | Free | Free |
| DevHunt upvotes | 10 | 0 | 0 | 0 | 0 |
| Launched | Dec 2024 | — | — | — | — |
- Shadcnblocks.com vs shadcn/ui: Open-source React components you copy into your app, but without the extensive block library and CLI tools.
- Shadcnblocks.com vs Tailwind CSS: Utility-first CSS framework; does not provide ready-made React blocks or templates.
- Shadcnblocks.com vs Storybook: Tool for isolating and documenting UI components, not a block marketplace.
- Shadcnblocks.com vs Material UI: Material Design component library; different design system and no Shadcn UI blocks.
Shadcnblocks.com FAQ
How do I get access after purchasing?+
After payment via Stripe, log in and you instantly get access to all components, blocks and templates on the website.
Can I upgrade my plan?+
Yes, you can upgrade between plans at any time and receive a discount for the price difference.
Can I use Shadcnblocks for commercial projects?+
Yes, you may use the blocks, components and templates for unlimited client projects, with standard resale restrictions.
How often are new blocks added?+
New blocks are released multiple times per month; the changelog shows recent additions.
Do you offer discounts?+
Discounts are offered only during 1-2 major sales per year; individual discount requests are not entertained.
Is there a Vue version?+
Vue blocks are available on a dedicated sister site, shadcnblocksvue.com; the main site remains React-only.
Summarized by DevHunt from shadcnblocks.com · Oct 4, 2026. Details may change; check the official site.
.png?width=64)
