Shadcnblocks IDE Extension
May 17, 2026

The ultimate block set for Shadcn UI & Tailwind

Explore a premium collection of 1645 blocks and 1684 components and 16 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

1645 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

16 Shadcn Templates

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

See All Templates

1684 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
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.2

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

Learn more

Shadcn 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 preview

Shadcn Page Builder

New

Compose full landing pages from 1645+ shadcn/ui blocks. Drag, reorder, and preview sections in the browser, then install with the Shadcn CLI.

Learn more
Shadcn IDE Extension preview

Shadcn IDE Extension

New

Search 1645+ blocks, preview source code, and install with one click—without leaving VS Code, Cursor, Windsurf, or your editor.

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 1645+ 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
  • 1684+ Pro Components
  • 1486+ Pro Blocks

premium Plan

Lifetime Access
$299
/one-time
  • Single user
  • Lifetime access & updates
  • 1684+ Pro Components
  • 1486+ Pro Blocks
  • 16 Premium Templates
  • Figma Kit
  • Admin Kit

elite Plan

Lifetime Access
$399
/one-time
  • Single user
  • Lifetime access & updates
  • 1684+ Pro Components
  • 1486+ Pro Blocks
  • 16 Premium Templates
  • Figma Kit
  • Admin Kit
  • 50+ 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

Explore the full library

Browse blocks, components, pages, and templates—all built for shadcn/ui.

Blocks1645Components1684Pages50Templates16