LogoAwesome Shadcn UI
awesome-logo

AwesomeShadcn UI

With 13 Categories and Over 200 Resources, It’s Easy To Access Shadcn’s Most Valuable Resources.

Improve Productivity and Make Development Easier.

Shadcn UI Sidebar

A composable, themeable and customizable sidebar component.

MIT
Sidebar

Novel

Notion-style WYSIWYG editor with AI-powered autocompletion.

Apache-2.0
Editor

Plate

Rich-text editor with shadcn/ui.

MIT
Editor

Vaul

A drawer component for React.

MIT
Drawer

Number Flow

A React component to transition, format, and localize numbers.

MIT
Number

Auto Form

Automatically render forms for your existing data schema.

MIT
Form

Shadcn Table V2

shadcn/ui table component with server-side sorting, filtering, and pagination.

MIT
Table

Neobrutalism Components

Collection of neobrutalism-styled Tailwind components.

MIT
Components

Maily.to

Powerful editor for creating beautiful, pre-designed, mobile-ready emails.

MIT
Email

Background Snippet

Ready to use collection of modern background snippets.

Background

Shadcn UI Sidebar

A stunning, functional and responsive retractable sidebar built on top of shadcn/ui.

MIT
Sidebar

Shadcn UI Expansions

More components built on top of shadcn-ui.

MIT
Components

Stepperize

A library for creating step-by-step workflows in your apps.

MIT
Workflow

Onborda

An onboarding wizard flow / product tour for Next.js animated by framer motion

Onboarding

File Uploader

File uploader built with shadcn/ui and react-dropzone.

MIT
Uploader

Fancy Area

The Textarea is inspired by GitHub's PR comment section. The impressive part is the @mention support including hover cards in the preview.

MIT
Textarea

Fancy Box

The Combobox is inspired by GitHub's PR label selector and is powered by shadcn/ui. Almost all elements are radix-ui components, styled with tailwindcss.

MIT
Combobox

Fancy Multi Select

The Multi Select Component is inspired by campsite.design's and cal.com's settings forms.

MIT
Select

Shadcn Extension

An open source component collection , that extends your ui library , built using shadcn component

MIT
Components

Emblor

A fully-featured tag input component built with shadcn/ui.

MIT
Input

Date Range Picker

DateRangePicker includes preset date ranges, text entry, calendar selection and date comparison.

MIT
Date

Time Picker

A simple TimePicker for your shadcn/ui project.

MIT
Time

Shadcn Minimal Tiptap

Minimal Tiptap Editor

MIT
Tiptap

Shadcn Multi Select Component

A multi-select component designed with shadcn/ui

MIT
Select

Credenza

Ready-made responsive modal component for shadcn/ui.

MIT
Modal

Shadcn Phone Input

Customizable phone input component with proper validation for any country. Built on top of shadcn.

MIT
Input

Dnd-Kit Shadcn UI

Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui.

MIT
Dnd

Enhanced Button

An enhanced version of the default shadcn-button component.

MIT
Button

Sortable

A sortable component built with shadcn/ui, radix ui, and dnd-kit.

MIT
Sortable

Zoom Charts

Zoomable Charts on top of shadcn/ui Charts.

MIT
Chart

File Vault

File upload component for React.

Uploader

Shadcn Cal Com

A copy of the monthly calendar used by Cal.com with shadcn/ui, Radix Colors and React Aria.

Calendar

Stocks

Stock Picker using Next.js, React Server Components, and shadcn/ui charts.

Chart

Shadcn Image Cropper

Image cropper built with shadcn/ui and react-image-crop

Cropper

Planner

Planner is a highly adaptable scheduling component tailored for React applications.

MIT
Planner

Echo Editor

A modern WYSIWYG rich-text editor base on tiptap and shadcn-ui.

MIT
Editor

Shadcn Address Autocomplete

An address autocomplete component built with Google Places API and shadcn components.

Address

Shadcn Tiptap

Collection of custom extensions and toolbars for Tiptap editor.

Editor

Shadcn Linear Combobox

A copy of the combobox that Linear uses to set the priority of a task.

Combobox

Country State Dropdown

This Component is built with Nextjs, Tailwindcss, Shadcn-ui & Zustand for state management.

Dropdown

Pricing Page Shadcn

Pricing Page template made with Shadcn UI & Next.js 14. Completely customizable

Pricing

Lingua Time

A smart datetime picker which understands natural language input.

MIT
Date

Nextjs Dnd

Sortable Drag and Drop with Next.js, Shadcn UI, and DnD-Kit.

Dnd

Shadcn Calendar Component

A calendar date picker component designed with shadcn/ui.

MIT
Calendar

Search Address

The SearchAddress component provides a flexible and interactive search interface for addresses, utilizing the powerful Nominatim service from OpenStreetMap.

MIT
Address

Capture Photo

Capture-Photo is a versatile, browser-based React component designed to streamline the integration of camera functionalities directly into your web applications.

MIT
Camera

React Fancy Switch

React Fancy Switch

MIT
Switch

Shadcn Datetime Picker

Beautifully crafted datetime picker component using shadcn ui

MIT
Date

Crypto Charts

A demo show casing shacn/ui charts with free historical crypto data from pyth.

Chart

Shadcn Calendar Heatmap

Modern alternative to primitive react heatmaps built on top of shadcn/ui calendar component.

Heatmap

Shadcn Cookie Consent

Beautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!

Consent

Dnd Dashboard

A beautiful, performant dashboard with drop-to-swap layouts built using Next.js, shadcn/ui, and swapy.

Dashboard

React Confirm Dialog

React Confirm Dialog

MIT
Dialog

Shadcn Timeline

Customizable and re-usable timeline component for you to use in your projects. Built on top of shadcn.

MIT
Timeline

Image Upload Shadcn

Image upload component

Uploader

Phone Input Shadcn UI

Custom phone number component built with shadcn/ui.

Input

Shadcn Drag Table

A drag-and-drop table component using shadcn-ui and next.js

Table

Progress Button

About An extension of shadcn/ui button component that uses a state machine to drive a progress UX.

Button

Shadcn Tree View

A component for hierarchical lists of data with nested levels that can be expanded and collapsed.

MIT
Tree

Shadcn Data Table Advanced Col Opions

Column-resizing option to shadcn/ui DataTable.

Table

Downshift Shadcn Combobox

Combobox/autocomplete component built with shadcn/ui and Downshift.

MIT
Combobox

Shadcn Carousel Testimonials

shadcn UI Carousel Testimonials

MIT
Testimonials

Shadcn Date Picker

Advanced date picker with range selection, year and month selection, and more.

Date

Nextjs Link Pagination

Use shadcn pagination components to navigate and update URL params

MIT
Pagination

Recursive Dnd Kanban Board

Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, Tailwind CSS and shadcn/ui

Kanban

Clerk Elements

Composable components that can be used to build custom UIs on top of Clerk's APIs.

Components

Simplekit

Responsive connect wallet and account component built on top of Wagmi and shadcn/ui.

Wallet