awesome-shadcn/ui

A curated list of awesome things related to shadcn/ui
Make a contribution · Suggestions

Table of contents

• Awesome shadcn/ui
  • Contents
  • Community
  • Libraries and components
  • Applications
  • Boilerplates
  • Contributing

Community

• GitHub discussions for shadcn/ui

Libraries and components:

• 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.
• enhanced-buttton - Easily expand the regular shadcn/ui-button component with new button styles, without the need of creating new additional button components.
• fancy-multi-select - The Multi Select Component is inspired by campsite.design's and cal.com's settings forms.
• plate – A rich-text editor.
• shadcn-expansions - A 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.
• shadcn-phone-input - Customizable phone input component with proper validation for any country.
• shadcn-table - Table component with server-side sorting, filtering, and pagination.
• shadcn-table-v2 - A shadcn/ui table component with server-side sorting, filtering, and pagination.
• shadcn-tag-input - A tag input component built with shadcn/ui.
• react-dnd-kit-tailwind-shadcn-ui - Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui.
• shadcn-chat - Customizable and re-usable chat component for you to use in your projects.
• extends - Intended to be a collection of components built using Shadcn/ui.
• file-vault - File upload component built with shadcn/ui.
• neobrutalism-components - Collection of neobrutalism-styled Tailwind React and Shadcn UI components.
• shadcn-color-picker - Color picker built using react-colorful.

Applications

• shadcn-ui-theme-explorer - A theme explorer for shadcn UI.
• thr - A clone of Meta's new app using Next.js server components, Vercel Postgres, shadcn UI, Clerk, and Prisma.
• motion-variants - A collection of handmade Framer Motion variants made for your next project.
• memomate-notetaker - An app for easy management of notes and topics.
• gradient-picker - Fancy Gradient Picker, built with Shadcn UI, Radix UI and Tailwind CSS.
• open-status - The open-source status page.
• scribbly - Scribbly is a web application built with Next.js and Prisma that allows users to create and manage their digital journal.

Boilerplates

• 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.
• mendable-nextjs-chatbot - Next.js starter template for building chatbots with Mendable.
• next-shadcn-dashboard-starter - Admin dashboard starter with Next.js 14 and shadcn/ui.
• next-saas-stripe-starter - An open-source SaaS starter built using Next.js 14, Prisma, Planetscale, Auth.js, Resend, React Email, shadcn/ui, Stripe and Server Actions.

Contributing

Discover something fantastic, like a package, article, blog, video, or any other valuable resource? Feel free to contribute by sending a pull request! Simply adhere to our guidelines. Your participation is highly appreciated. Thank you! ❤️

Contributors

Thanks goes to all these wonderful people: