Dashboard
18 blocks
New Template & 193 Blocks
Aug 27, 2026
Changelog
Aug 27, 2026
Changelog
The ultimate block set for Shadcn UI & Tailwind
Explore a premium collection of 2028 blocks and 2104 components and 20 templates, custom-built for shadcn/ui, Tailwind, and React. Designed and developed by our team these high-quality, interactive, and fully responsive components are ready to copy and paste seamlessly into your project or install via the Shadcn CLI.
2028 Extra Shadcn Blocks
Build stunning landing and marketing pages in minutes. Copy and paste fully-designed, full-width Shadcn UI sections effortlessly.
20 Shadcn Templates
Premium shadcn/ui templates built with Next.js & Astro. Get started quickly with fully-designed, production-ready templates.
2104 Shadcn UI Components
Browse our collection of Shadcn UI components. Each component is fully documented with installation instructions and usage examples.
AccordionAnnouncementAlert DialogAlertAspect RatioAutocompleteAvatarAvatar GroupAvatar StackBadgeBorder ButtonBreadcrumbButtonButton GroupCalendarCardCarouselCheckboxChoiceboxCode BlockCollapsibleComboboxCommandContext MenuCopy ClipboardCounterCredit CardData TableDate PickerDialogDrawerDropdown MenuDropzoneFormGitHub StarsGlimpseHover CardInput OTPInputLabelList PanelLogin ButtonMarqueeMenubarMini CalendarNavigation MenuPaginationPillPopoverProgressRadio GroupRatingRelative TimeResizableScroll AreaSelectSeparatorSheetSkeletonSliderSnippetSocial ButtonSonnerSpinnerStatusSwitchTableTabsTagsTextareaTheme SwitcherTheme ToggleToggleTree
A React UI library for every primitive
Shadcnblocks is a React UI library built on shadcn/ui and Tailwind CSS. All 2028 blocks and 2104 components are React components that work with Next.js, Vite, Astro and Remix, and every one of them is published for Radix UI, Base UI and React Aria. Pick the primitive library in components.json and the shadcn CLI installs the matching build.
Radix UI
Our recommendation. Every block is authored against the Radix UI wrappers first, so this is the most battle-tested path and what most existing Next.js projects run.
"style": "radix-vega"Radix UI blocksBase UI
Headless components from the MUI team, and now the shadcn/ui default for new projects. Blocks that touch primitive APIs ship a dedicated Base UI build, typechecked against the Base UI wrappers.
"style": "base-vega"Base UI blocksReact Aria
BetaAdobe's accessibility-first React Aria Components. Every block resolves for React Aria; where shadcn's preset is missing a wrapper we ship our own, which is why this one is still in beta.
"style": "aria-vega"React Aria blocksOne block id, three builds. How the registry picks a library
14 Shadcn Themes
Apply any theme to every block, component, and page with official CSS variables—light & dark mode, custom fonts, and one-line CLI install.
Shadcn Figma & Shadcn UI Admin Kits
Go beyond blocks with premium kits for design and dashboard development—fully aligned with shadcn/ui.
Shadcn Figma Kit
V2Premium Figma kit with all shadcn/ui components and 579 block designs. Design faster with light/dark mode, multi-theme support, and direct links to code.
Learn more
Shadcn Admin Kit
V2.3A 139-page Next.js 16 admin dashboard for shadcn/ui. Five apps: ecommerce, project management, payments, todo, and a developer console. Included with Premium.
Learn moreShadcn Page Builder & IDE Extension
Build complete pages in the browser or install blocks directly from your editor—two workflows, one block library.
Shadcn Page Builder
NewCompose full landing pages from 2028+ shadcn/ui blocks. Drag, reorder, and preview sections in the browser, then install with the Shadcn CLI.
Learn more
Shadcn IDE Extension
NewSearch 2028+ blocks, preview source code, and install with one click—without leaving VS Code, Cursor, Windsurf, or your editor.
Learn moreWays to Install
However you work—terminal, AI, IDE, or browser—there is a workflow built for adding shadcn blocks to your project.
Shadcn CLI
Install any block with a single command. Dependencies and shadcn components are resolved automatically.
Learn moreShadcn MCP
Ask your AI assistant to browse and install blocks with natural language via the shadcn MCP server.
Learn moreIDE Extension
NewSearch, preview, and install blocks from VS Code, Cursor, Windsurf, and other supported editors.
Learn more
Shadcnblocks App
Browse 2028+ blocks visually, preview in detail, and build pages with the in-browser explorer.
Learn morePricing
Get instant access to our components, blocks, templates and more—with unlimited usage and monthly updates.
pro Plan
$149
/one-time
- Single user
- Lifetime access & updates
- 2104+ Pro Components
- 1868+ Pro Blocks
premium Plan
$299
/one-time
- Single user
- Lifetime access & updates
- 2104+ Pro Components
- 1868+ Pro Blocks
- 20 Premium Templates
- Figma Kit
- Admin Kit
elite Plan
$399
/one-time
- Single user
- Lifetime access & updates
- 2104+ Pro Components
- 1868+ Pro Blocks
- 20 Premium Templates
- Figma Kit
- Admin Kit
- 49+ Pre-built Pages
- Page Builder
Try our free blocks first
Browse free blocks in the library—ready to copy/paste. Basic-tier blocks only require a login; see the full catalog for every category.
Trusted by thousands of developers
Join thousands of satisfied developers who are already using our shadcn/ui blocks. By becoming a member today, you'll unlock access to our ever-growing library. Don't wait—future updates and exciting new features are just around the corner.
22162
Free users
5420
Pro customers
~10000
Installs per day
2023
Established
50+
New components each month
100+
New blocks each month
10+
New pages each month
1+
New template each month