Skip to main content

Shadcn/UI

Shadcn/UI Figma

Shadcn/UI Figma

Pricing Docs Help

105.5K

Buy now

Preview

Buy now

Shadcn/UI

Shadcn/UI Figma

Products

Figma library Pro blocks Templates Themes Figma plugin

Pricing Docs Help

Buy now

Preview

105.5K

Preview settings

Mode

Theme

Marketing pages

404

Banners

Blog

Comparison

Contact

CTA

FAQ

Footer

Hero

Navbars

Pricing

Application

Buttons

Cards

Navbars

Settings

Sign in

Sign up

Marketing pages

Application

Blog

Blog layouts and article designs

Start your next shadcn/ui project the right way

Get the most complete and accurate shadcn/ui Figma kit available.

Buy now

from 129 USD

Preview

Secure payment. 30-days refund.Secure payment. Risk-free. 30-day refund.

Shadcn/UI Figma

Most complete and accurate shadcn/ui Figma kit available. Design, prototype, and build with the same components.

Shadcn/UI

A set of beautifully designed components that you can customize, extend, and build on.

Menu

Home Preview Pricing Docs Blog Help

Products

Shadcn Figma Library Shadcn Pro Blocks Shadcn Figma Plugin Shadcn Templates Shadcn Themes

Components

Accordion Alert Alert Dialog Aspect Ratio Avatar Badge Breadcrumb Button Button Group Calendar Card Carousel Chart Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Empty Field Form Hover Card Input Input Group

Components

Combobox Command Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Empty Field Form Hover Card Input Input Group Input OTP Item Kbd Label Menubar Native Select Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll Area Select Separator Sheet Sidebar Skeleton Slider Sonner Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip

Components

Item Kbd Label Menubar Native Select Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll Area Select Separator Sheet

Components

Sidebar Skeleton Slider Sonner Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip

Landing Page Blocks

404 SectionsBannersBento GridsBlog SectionsCTA SectionsComparison SectionsContact SectionsEmpty LP SectionsFAQ SectionsFeature SectionsFootersGallery SectionsHeader SectionsHero SectionsLP Navbars

Landing Page ExamplesLogo SectionsPatternsPricing SectionsRich Text SectionsStats Sections

Application Blocks

App ShellsApplication ExamplesButtonsCardsDescription ListsEmpty SectionsNavbarsPage HeadersSection FootersSection HeadersSectionsSettingsSign inSign upTable Headers

E-commerce Blocks

CheckoutsExamplesIncentivesOrder Summary Sections

Licensing Agreement Terms & Conditions Privacy Policy

Copyright © 2026. ShadcnFigma.io.

Logos represent employers of developers who publicly mention Shadcn/UI in their tech stack. This project is independent and not affiliated with Figma or Shadcn/UI.