Shadcnblocks IDE Extension
May 17, 2026

The ultimate block set for Shadcn UI & Tailwind

Explore a premium collection of 1630 blocks and 1189 components and 15 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.

Browse BlocksBrowse Templates
company logocompany logocompany logocompany logocompany logo
Featured shadcn/ui block showcase
Pricing block exampleTestimonial block exampleFeature block exampleLogin block example

1630 Extra Shadcn Blocks

Build stunning landing and marketing pages in minutes. Copy and paste fully-designed, full-width Shadcn UI sections effortlessly.

See All Blocks

15 Shadcn Templates

Premium shadcn/ui templates built with Next.js & Astro. Get started quickly with fully-designed, production-ready templates.

See All Templates

1189 Shadcn UI Components

Browse our collection of Shadcn UI components. Each component is fully documented with installation instructions and usage examples.

AccordionAlert DialogAlertAspect RatioAvatarBadgeBreadcrumbButtonCalendarCardCarouselCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDrawerDropdown MenuFormHover CardInput OTPInputLabelMenubarNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSkeletonSliderSonnerSwitchTableTabsTextareaToggle
See All Components

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 preview

Shadcn Figma Kit

V2

Premium Figma kit with all shadcn/ui components and 482 block designs. Design faster with light/dark mode, multi-theme support, and direct links to code.

Learn more
Shadcn Admin Kit preview

Shadcn Admin Kit

V2

Kickstart your next admin dashboard with dozens of prebuilt pages, data tables, charts, filters, and more. Built with Next.js, React, shadcn/ui and Tailwind.

Learn more

Ways 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 more

Shadcn MCP

Ask your AI assistant to browse and install blocks with natural language via the shadcn MCP server.

Learn more

IDE Extension

New

Search, preview, and install blocks from VS Code, Cursor, Windsurf, and other supported editors.

Learn more

Shadcnblocks App

Browse 1630+ blocks visually, preview in detail, and build pages with the in-browser explorer.

Learn more

Pricing

Get instant access to our components, blocks, templates and more—with unlimited usage and monthly updates.

pro Plan

Lifetime Access
$149
/one-time
  • Single user
  • Lifetime access & updates
  • 1189+ Pro Components
  • 1471+ Pro Blocks

premium Plan

Lifetime Access
$299
/one-time
  • Single user
  • Lifetime access & updates
  • 1189+ Pro Components
  • 1471+ Pro Blocks
  • 15 Premium Templates
  • Figma Kit
  • Admin Kit

elite Plan

Lifetime Access
$399
/one-time
  • Single user
  • Lifetime access & updates
  • 1189+ Pro Components
  • 1471+ Pro Blocks
  • 15 Premium Templates
  • Figma Kit
  • Admin Kit
  • 47+ Pre-built Pages
  • Page Builder
View All Features

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.

View Free Blocks

Trusted by thousands of developers

Join thousands of satisified 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.

Review the changelog
17642

Free users

4068

Pro customers

100+

New blocks each month

~6000

Downloads per day