Skip to main content

Shadcn/UI

Shadcn/UI Figma

Shadcn/UI Figma

Pricing Docs Help

109.5K

Buy now

Preview

Buy now

Shadcn/UI

Shadcn/UI Figma

Products

Figma library Blocks Themes Figma plugin

Pricing Docs Help

Buy now

Preview

109.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

300,000+ designers and developers use shadcn/ui for their projects

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 Kit Shadcn Figma Plugin Shadcn Blocks 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 Direction Drawer Dropdown Menu Empty Field Hover Card Input

Components

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

Components

Input Group Input OTP Item Kbd Label Menubar Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll Area Select

Components

Separator Sheet Sidebar Skeleton Slider Sonner Spinner Switch Table Tabs Textarea 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. We improve our products and advertising by using Microsoft Clarity to see how you use our website. By using our site, you agree that we and Microsoft can collect and use this data. Our privacy policy has more details.