awesome-shadcn-ui
A curated list of awesome things related to shadcn/ui.
https://github.com/birobirobiro/awesome-shadcn-ui
Last synced: about 20 hours ago
JSON representation
-
Animations
-
Apps
-
Animations
- animata - Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.
-
Colors and Customizations
- dizzy - Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows.
- shadcn theme editor - Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.
-
Tools
- CV Forge - Resume builder, build with @shadcn/ui, react-hook-form and react-pdf
- typelabs - MonkeyType inspired typing test app built with React, shadcn, and Zustand at it's core.
- metro-sp - Receive automatic real-time updates on incidents and changes on the SP Metro, ViaMobilidade and CPTM lines every 5 minutes.
- form-builder - UI based codegen tool to easily create Beautiful and Type safe @shadcn/ui forms.
- hook-again - A collection of shadcn/ui installable React Hooks
- shadcn-theme-editor - Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects
-
-
Boilerplates / Templates
-
Portfolios
- shadcn-landing-page - Project conversion [shadcn-vue-landing-page](https://github.com/leoMirandaa/shadcn-vue-landing-page) to nextjs - Landing page template using Nestjs, shadcn/ui, TypeScript, Tailwind CSS
- next-js-views-template - An open-source collection of reusable view components like Calendar, Table,etc built with Next.js and ShadCN. Easily copy and paste these pre-built UI elements into your project for fast, responsive, and customizable layouts.
- autoflow - An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector and LlamaIndex and DSPy. [Demo site](https://tidb.ai)
-
- Link - 05-24 |
- Link - 06-11 |
- Link - 04-25 |
- Link - 07-24 |
- Link - 07-29 |
- Link - 04-25 |
- Link - 06-06 |
- Link - 06-17 |
- Link - 06-06 |
- Link - 04-25 |
- Link - 06-06 |
- Link - 05-24 |
- Link - 06-06 |
- Link - 04-25 |
- Link - 06-06 |
- Link - 06-10 |
- Link - 07-02 |
- Link - 08-06 |
- Link - 11-21 |
- Link - 08-13 |
- Link - 09-23 |
- Link - 09-05 |
- Link - 09-23 |
- Link - 09-23 |
- Link - 09-24 |
- Link - 09-24 |
- Link - 10-29 |
- Link - 12-02 |
- Link - 04-24 |
- Link - 06-10 |
- Link - 06-22 |
- Link - 09-06 |
- Demo site - js-boilerplate) | 2025-09-08 |
- Link - 09-06 |
- Demo site - crm) | 2025-09-16 |
- Link - 09-21 |
- Demo - shadcn-v5) | 2025-09-23 |
- Link - 10-29 |
- Link - 03-21 |
- Link - 10-25 |
- Link - 10-25 |
- Demo site - js-boilerplate) | 2025-09-08 |
- Link - 11-20 |
- Link - 11-20 |
- Link - 11-20 |
- Link - 12-12 |
- Link - 01-03 |
- Link - 12-19 |
- Link - 01-27 |
- Link - 03-03 |
- Link - 03-15 |
- Link - 03-31 |
- Link - 03-19 |
- Link - 03-31 |
- Link - 04-02 |
- Link - 04-24T19:36:10.000Z |
- Link - 04-24T19:36:10.000Z |
- Link - 04-24T19:37:44.000Z |
- Link - 05-24 |
- Link - 06-06T00:57:59.236Z |
- Link - 06-15 |
- Link - 07-04T01:28:12.279Z |
- Link - 07-16T02:06:18.735Z |
- Link - 07-14 |
- Link - 12-27T12:56:05.000Z |
-
-
Colors and Customizations
-
Design System
-
Development & Contributing
-
For the Awesome List
-
-
Libs and Components
- Link - 12-06 |
- autocomplete-select-shadcn-ui - Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske.
- clerk-elements - Composable components that can be used to build custom UIs on top of Clerk's APIs.
- Link - 02-22 |
- Link - 05-29 |
- Link - 04-29 |
- farmui - A shadcn and tailwindcss based beautifully styled and animated component library solution with its own [npm package](https://www.npmjs.com/package/@kinfe123/farm-ui) to install any component with in a component registery.
- Link - 06-09 |
- nextjs-components - A collection of Next.js components build with TypeScript, React, shadcn/ui, Craft UI, and Tailwind CSS.
- Link - 03-28 |
- phone-input-shadcn-ui - Custom phone number component built with shadcn/ui.
- Link - 03-27 |
- Link - 05-03 |
- Link - 06-15 |
- edil-ozi - React components for developers. Gsap + framer motion + tailwind.
- Link - 06-27 |
- Link - 07-11 |
- Link - 07-02 |
- Link - 06-22 |
- Link - 07-02 |
- date-time-picker-shadcn - Beautifully Crafted Datetime Picker for your shadNext Project.
- Link - 07-22 |
- shadcn-date-picker - Advanced date picker with range selection, year and month selection, and more.
- Link - 05-06 |
- Link - 06-07 |
- Link - 07-02 |
- Link - 06-07 |
- Link - 07-16 |
- Link - 04-29 |
- Link - 06-27 |
- Link - 06-07 |
- Link - 04-29 |
- Link - 04-29 |
- Link - 07-11 |
- Link - 06-07 |
- Link - 06-07 |
- Link - 07-02 |
- Link - 06-07 |
- Link - 06-15 |
- Link - 06-22 |
- Link - 07-07 |
- Link - 04-07 |
- Link - 04-09 |
- Link - 06-11 |
- Link - 04-29 |
- Link - 03-21 |
- Link - 04-07 |
- Link - 07-10 |
- Link - 03-27 |
- Link - 05-07 |
- Link - 07-10 |
- Link - 07-02 |
- Link - 04-29 |
- Link - 07-16 |
- Link - 02-22 |
- Link - 06-07 |
- Link - 06-07 |
- Link - 11-08 |
- Link - 04-25 |
- Link - 06-07 |
- Link - 06-07 |
- Link - 03-27 |
- Link - 06-22 |
- Link - 06-07 |
- Link - 05-03 |
- Link - 09-18 |
- Link - 04-09 |
- Link - 07-07 |
- Link - 04-29 |
- Link
- Link - 06-07 |
- Link - 07-16 |
- nextjs-link-pagination - shadcn paging/pagination that uses Nextjs Links and search params (like `example.com?page=4`)
- Link - 08-05 |
- bundui - A collection of reusable animated components built with Tailwind CSS and Framer Motion.
- Link - 10-22 |
- Link - 10-22 |
- Link - 09-23 |
- Link - 09-23 |
- shadcn-ui-templates - A collection of Free & Premium templates and resources for shadcn/ui.
- ui-beats - Collection of Animated React Components.
- motion-number - Transition, format, and localize numbers with a ~3kB Framer Motion component. Accessible and customizable.
- react-highlight-popover - A headless react component for creating popovers on text selection with zero dependencies.
- Link - 10-03 |
- Link - 12-27 |
- Link - 06-07 |
- Link - 10-17 |
- datetime-picker - A powerful datetime picker with support for timezones, minimum and maximum dates, and month/year selection.
- Link - 10-22 |
- Link - 10-17 |
- Link - 10-17 |
- Link - 11-08 |
- stunning-ui - Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.
- Link - 10-28 |
- Link - 12-09 |
- gluestack-ui - React & React Native Components & Patterns - copy-paste components & patterns crafted with Tailwind CSS (NativeWind)
Programming Languages
Categories
Sub Categories
Keywords
shadcn-ui
91
tailwindcss
55
react
54
nextjs
52
shadcn
44
typescript
39
ui
16
radix-ui
13
tailwind
11
vite
10
nextjs14
10
components
10
reactjs
9
dashboard
8
component
8
shadcn-ui-starter
8
zod
6
ui-library
6
template
6
shadcnui
6
admin-dashboard
6
framer-motion
5
react-hook-form
5
cli
5
tiptap
5
starter
5
boilerplate
5
ai
4
mcp
4
ui-components
4
wysiwyg
4
vercel
4
nextjs-boilerplate
4
shadcn-registry
4
shadcn-admin
4
admin-panel
4
nextjs13
4
turborepo
4
redux-toolkit
3
react-native
3
nextjs-template
3
react-typescript
3
zustand
3
monorepo
3
scheduling
3
react-component
3
stripe
3
portfolio
3
calendar-component
3
prisma
3