/awesome-shadcn-ui

A curated list of awesome things related to shadcn/ui.

MIT LicenseMIT

logo of awesome-shadcn-ui repository

awesome-shadcn/ui

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

awesome

Table of contents

Community

Libs and components:

  • shadcn-table-v2 - A 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-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.
  • 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-buttton - Easily expand the regular shadcn/ui-button component with new button styles, without the need of creating new additional button components.

Apps

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

Ports

  • svelte - Svelte port of shadcn/ui.
  • vue - Vue port of shadcn/ui.
  • 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.

Boilerplates

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: