Themes

Free shadcn/ui Themes

A hand-crafted collection of production-ready shadcn/ui themes for Tailwind CSS. Pick a theme, preview it live, and install with one CLI command or copy the CSS.

Purple

Rubik0.625rem

Honey

Nunito Sans0.625rem

Sketchpad

Geist MonoSharp

Soft Orange

Onest0.5rem

Fast Red

AntaSharp

Night Wind

Inter0.625rem

Citrus

DM Sans0.5rem

Soulslike

DomineSharp

Fresh Lime

Host Grotesk0.625rem

Orbiter

TASA OrbiterSharp

Neon Forest

Inter0.5rem

Icecream

Instrument SansSharp

Want a custom color?

Use our shadcn theme generator to create a unique shadcn/ui theme from any primary color. Pick your palette, choose fonts, adjust the border radius, and preview live — then copy the ready-to-use Tailwind CSS.

Our ecosystem

Design and ship shadcn/ui projects faster

An extensive collection of Figma and React resources to help designers, developers, and teams deliver shadcn/ui projects efficiently.

Figma Kit

2,000+ Figma components that perfectly mirror shadcn/ui code. Auto-layout, variants, and Tailwind CSS variables included.

Figma to shadcn/ui Plugin

Convert your designs into clean, production-ready shadcn/ui code. Export and import styles to keep design and code aligned.

Agent Skills

AI-powered skills that turn Figma designs into production-ready shadcn/ui code with your favorite AI coding agent.

Beautiful shadcn/ui Blocks

Pixel-perfect, prebuilt blocks for landing pages, dashboards, and e-commerce. Available in Figma and React.

Dedicated shadcn/ui Templates

Dedicated website templates built with shadcn/ui to speed up your workflow.

Theme Generator

Create a unique shadcn/ui and Tailwind theme from one primary color.

Level-up your workflow today

One-time payment
14 days refund policy

Menu

HomePreviewPricingRoadmapHelp & Contact

Products

Figma KitPro BlocksAgent SkillsNewFigma PluginTemplates

Resources

Free ThemesTheme GeneratorDocsAcademyBlogIcons

Legal

Licensing AgreementTerms & ConditionsPrivacy PolicyCookies

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDrawerDropdown MenuEmptyFieldFormHover CardIcons - HugeIconsIcons - Lucide IconsIcons - Phosphor IconsIcons - Remix IconIcons - Tabler IconsInputInput GroupInput OTPItemKbdLabelMenubarNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll-areaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToggleToggle GroupTooltipTypography

Landing Page Blocks

404 SectionsBannersBento GridsBlog SectionsCTA SectionsComparison SectionsContact SectionsEmpty LP SectionsFAQ SectionsFeature SectionsFootersGallery SectionsHeader SectionsHero SectionsLP NavbarsLanding Page ExamplesLogo SectionsPatternsPricing SectionsRich Text SectionsStats SectionsTeam SectionsTestimonials Sections

Application Blocks

App ShellsApplication ExamplesButtonsCardsDescription ListsEmpty SectionsNavbarsPage HeadersSection FootersSection HeadersSectionsSettingsSign inSign upTable Headers

E-commerce Blocks

CheckoutsExamplesIncentivesOrder Summary SectionsProduct Category SectionsProduct HeadersProduct List FiltersProduct List SectionsSale SectionsShopping CartsStore Navbars

This project is independent and not affiliated with Figma or shadcn/ui.
Copyright © 2026 Matt Wierzbicki