A curated list of awesome things related to shadcn/ui
- shadcn-table-v2 - shadcn/ui table component with server-side sorting, filtering, and pagination.
- shadcn-phone-input - Customizable phone input component with proper validation for any country.
- react-dnd-kit-tailwind-shadcn-ui - Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui
- shadcn-ui-expansions - shadcn/ui expansions collect lots of useful components which shadcn/ui does not have out of box. All the components are base on shadcn/ui. Just copy and paste. The component is yours.
- fancy-multi-select - The Multi Select Component is inspired by campsite.design's and cal.com's settings forms.
- auto-form - A React component that automatically creates a shadcn/ui form based on a zod schema.
- date-range-picker-for-shadcn - Includes multi-month views, text entry, preset ranges, responsive design and date range comparisons.
- shadcn-tag-input - A tag input component built with shadcn/ui.
- enhanced-button - An enhanced version of the default shadcn-button component.
- time-picker - A simple TimePicker for your shadcn/ui project.
- shadcn-chat - Customizable and re-usable chat component for you to use in your projects.
- nextjs-components - A collection of Next.js components (for websites) that are built with TypeScript, React, shadcn/ui, Craft UI, and Tailwind CSS.
- credenza - Ready-made responsive modal component for shadcn/ui.
- country-state-dropdown - This Component is built with Nextjs, Tailwindcss, shadcn/ui & Zustand for state management.
- shadcn-drag-table - A drag-and-drop table component using shadcn/ui and Next.js
- file-vault - File upload component for React
- plate - The rich-text editor for React.
- extends - Intended to be a collection of components built using shadcn/ui.
- clerk-shadcn-theme - Easily synchronize your Clerk
<SignIn />and<SignUp />components with your shadcn/ui styles. - shadcn-sidebar - This is a prebuild template NextJS using shadcn/ui
- 10000+Themes for shadcn/ui - 10000+ Themes for shadcn/ui.
- ui-colorgen - An application designed to assist you with color configuration of shadcn/ui.
- gradient-picker - Fancy Gradient Picker built with Shadcn UI, Radix UI and Tailwind CSS.
- shadcn-ui-customizer - POC - shadcn/ui themes with color pickers
- motionvariants - Beautiful Framer Motion Animations.
- shadcn-pricing-page-generator - The easiest way to get a React pricing page with shadcn/ui, Radix UI and/or Tailwind CSS.
- invoify - An invoice generator app built using Next.js, Typescript, and shadcn/ui
- Svelte - Svelte port of shadcn/ui
- Vue - Vue port of shadcn/ui
- React Native - React Native port of shadcn/ui (recommended)
- React Native - React Native port of shadcn/ui
- Swift - Swift port of shadcn/ui
- Flutter - Flutter port of shadcn/ui
- Ruby - Ruby port of shadcn/ui
- Kotlin - Kotlin port of shadcn/ui
- Solid - Solid, port of shadcn/ui
shadcn-ui-components - Every component recreated in Figma.
- taxonomy - An open source application built using the new router, server components and everything new in Next.js
- turborepo-shadcn-ui-tailwindcss - Turborepo starter with shadcn/ui & Tailwind CSS pre-configured for shared ui components.
- design-system-template - Turborepo + TailwindCSS + Storybook + shadcn/ui
- next-shadcn-dashboard-starter - Admin Dashboard Starter with Nextjs14 and shadcn ui
Thanks goes to all these wonderful people: