All Shadcn/UI Resources

Beautifully designed components built with Radix UI and Tailwind CSS. Copy and paste into your apps.

Official page blocks and dashboard layouts. Ready-to-use sections for authentication, dashboards, and more.

Chart components built on top of Recharts. Area, bar, line, pie, and radar charts with consistent theming.

Visual theme creator. Pick colors, preview components in real time, and export CSS variables.

Advanced theme customizer with granular control over every component style and design token.

Massive collection of community-created themes. Browse, preview, and copy theme configurations instantly.

Runtime theme switcher that lets you adjust colors, border radius, and font directly in the browser.

Alternative theme browser with thousands of color schemes. Preview on real components and export with one click.

Extra components not in the core library. File upload, multi-select, date range picker, and more.

Advanced button component with loading states, icon support, and additional variants beyond the default.

Automatically generate forms from Zod schemas. Full validation, custom field renderers, and nested objects.

Tag-style multi-select component with search, create, and keyboard navigation support.

Advanced data table with server-side sorting, filtering, pagination, and column visibility controls.

Full-featured Next.js app built with shadcn/ui. Authentication, blog, dashboard, and subscriptions.

Admin dashboard template with sidebar navigation, charts, tables, and user management pages.

Dashboard starter kit with authentication, responsive layout, and pre-built page templates.

Landing page template with hero, features, pricing, testimonials, and FAQ sections.

Vue port of shadcn/ui. Same design philosophy, rebuilt for Vue 3 with Radix Vue primitives.

Svelte port of shadcn/ui. Built with Bits UI (Svelte headless components) and Tailwind CSS.

SolidJS port. Brings the shadcn/ui component patterns to Solid with Kobalte primitives.

Flutter port of shadcn/ui design system. Consistent look across mobile and desktop Flutter apps.

AI-powered component generator by Vercel. Describe what you want and get shadcn/ui code instantly.

Install individual components via the command line. Add only what you need, keep full control of the code.

Official Figma design kit with all shadcn/ui components. Maintain design-to-code consistency.