# Shadcn Components - 2104+ Free & Premium Components for Shadcn UI Browse our extensive collection of 2104 extra shadcn components. Available to copy and paste, or via the shadcn CLI these shadcn ui components are built with shadcn/ui, Tailwind & React. Ready to use in Next.js with TypeScript. ## Categories **Button** 126 components [Browse Shadcn Button components](/content/components/button/index.html) **Chart** 70 components [Browse Shadcn Chart components](/content/components/chart/index.html) **File Upload** 44 components [Browse Shadcn File Upload components](/content/components/file-upload/index.html) **Avatar** 34 components [Browse Shadcn Avatar components](/content/components/avatar/index.html) **Combobox** 42 components [Browse Shadcn Combobox components](/content/components/combobox/index.html) **Form** 85 components [Browse Shadcn Form components](/content/components/form/index.html) **Alert Dialog** 39 components [Browse Shadcn Alert Dialog components](/content/components/alert-dialog/index.html) **Button Group** 39 components [Browse Shadcn Button Group components](/content/components/button-group/index.html) **Input Group** 39 components [Browse Shadcn Input Group components](/content/components/input-group/index.html) **Kbd** 39 components [Browse Shadcn Kbd components](/content/components/kbd/index.html) **Field** 38 components [Browse Shadcn Field components](/content/components/field/index.html) **Dropdown Menu** 30 components [Browse Shadcn Dropdown Menu components](/content/components/dropdown-menu/index.html) **Skeleton** 30 components [Browse Shadcn Skeleton components](/content/components/skeleton/index.html) **Sheet** 29 components [Browse Shadcn Sheet components](/content/components/sheet/index.html) **Slider** 29 components [Browse Shadcn Slider components](/content/components/slider/index.html) **Context Menu** 27 components [Browse Shadcn Context Menu components](/content/components/context-menu/index.html) **Alert** 25 components [Browse Shadcn Alert components](/content/components/alert/index.html) **Input** 24 components [Browse Shadcn Input components](/content/components/input/index.html) **Sonner** 35 components [Browse Shadcn Sonner components](/content/components/sonner/index.html) **Collapsible** 23 components [Browse Shadcn Collapsible components](/content/components/collapsible/index.html) **Drawer** 22 components [Browse Shadcn Drawer components](/content/components/drawer/index.html) **Empty** 22 components [Browse Shadcn Empty components](/content/components/empty/index.html) **Video Player** 8 components [Browse Shadcn Video Player components](/content/components/video-player/index.html) **Accordion** 21 components [Browse Shadcn Accordion components](/content/components/accordion/index.html) **Ticker** 8 components [Browse Shadcn Ticker components](/content/components/ticker/index.html) **Command** 21 components [Browse Shadcn Command components](/content/components/command/index.html) **Badge** 20 components [Browse Shadcn Badge components](/content/components/badge/index.html) **Sandbox** 4 components [Browse Shadcn Sandbox components](/content/components/sandbox/index.html) **Hover Card** 20 components [Browse Shadcn Hover Card components](/content/components/hover-card/index.html) **Reel** 4 components [Browse Shadcn Reel components](/content/components/reel/index.html) **Input Otp** 20 components [Browse Shadcn Input Otp components](/content/components/input-otp/index.html) **Qr Code** 4 components [Browse Shadcn Qr Code components](/content/components/qr-code/index.html) **Stepper** 24 components [Browse Shadcn Stepper components](/content/components/stepper/index.html) **Navigation Menu** 20 components [Browse Shadcn Navigation Menu components](/content/components/navigation-menu/index.html) **Progress** 20 components [Browse Shadcn Progress components](/content/components/progress/index.html) **Pagination** 19 components [Browse Shadcn Pagination components](/content/components/pagination/index.html) **Kanban** 4 components [Browse Shadcn Kanban components](/content/components/kanban/index.html) **Switch** 19 components [Browse Shadcn Switch components](/content/components/switch/index.html) **Image Zoom** 4 components [Browse Shadcn Image Zoom components](/content/components/image-zoom/index.html) **Separator** 18 components [Browse Shadcn Separator components](/content/components/separator/index.html) **Image Crop** 8 components [Browse Shadcn Image Crop components](/content/components/image-crop/index.html) **Dialog** 17 components [Browse Shadcn Dialog components](/content/components/dialog/index.html) **Gantt** 12 components [Browse Shadcn Gantt components](/content/components/gantt/index.html) **Spinner** 28 components [Browse Shadcn Spinner components](/content/components/spinner/index.html) **Calendar** 16 components [Browse Shadcn Calendar components](/content/components/calendar/index.html) **Editor** 8 components [Browse Shadcn Editor components](/content/components/editor/index.html) **Popover** 15 components [Browse Shadcn Popover components](/content/components/popover/index.html) **Dialog Stack** 4 components [Browse Shadcn Dialog Stack components](/content/components/dialog-stack/index.html) **Breadcrumb** 14 components [Browse Shadcn Breadcrumb components](/content/components/breadcrumb/index.html) **Deck** 6 components [Browse Shadcn Deck components](/content/components/deck/index.html) **Textarea** 13 components [Browse Shadcn Textarea components](/content/components/textarea/index.html) **Contribution Graph** 4 components [Browse Shadcn Contribution Graph components](/content/components/contribution-graph/index.html) **Checkbox** 12 components [Browse Shadcn Checkbox components](/content/components/checkbox/index.html) **Comparison** 4 components [Browse Shadcn Comparison components](/content/components/comparison/index.html) **Tabs** 11 components [Browse Shadcn Tabs components](/content/components/tabs/index.html) **Color Picker** 4 components [Browse Shadcn Color Picker components](/content/components/color-picker/index.html) **Item** 10 components [Browse Shadcn Item components](/content/components/item/index.html) **Banner** 4 components [Browse Shadcn Banner components](/content/components/banner/index.html) **Menubar** 10 components [Browse Shadcn Menubar components](/content/components/menubar/index.html) **Avatar Group** 9 components [Browse Shadcn Avatar Group components](/content/components/avatar-group/index.html) **Radio Group** 9 components [Browse Shadcn Radio Group components](/content/components/radio-group/index.html) **Data Table** 8 components [Browse Shadcn Data Table components](/content/components/data-table/index.html) **Date Picker** 8 components [Browse Shadcn Date Picker components](/content/components/date-picker/index.html) **Label** 8 components [Browse Shadcn Label components](/content/components/label/index.html) **Autocomplete** 15 components [Browse Shadcn Autocomplete components](/content/components/autocomplete/index.html) **Scroll Area** 8 components [Browse Shadcn Scroll Area components](/content/components/scroll-area/index.html) **Resizable** 9 components [Browse Shadcn Resizable components](/content/components/resizable/index.html) **Table** 38 components [Browse Shadcn Table components](/content/components/table/index.html) **Tooltip** 8 components [Browse Shadcn Tooltip components](/content/components/tooltip/index.html) **Aspect Ratio** 7 components [Browse Shadcn Aspect Ratio components](/content/components/aspect-ratio/index.html) **Toggle** 7 components [Browse Shadcn Toggle components](/content/components/toggle/index.html) **Toggle Group** 7 components [Browse Shadcn Toggle Group components](/content/components/toggle-group/index.html) **Emoji Picker** 6 components [Browse Shadcn Emoji Picker components](/content/components/emoji-picker/index.html) **Card** 4 components [Browse Shadcn Card components](/content/components/card/index.html) **Carousel** 4 components [Browse Shadcn Carousel components](/content/components/carousel/index.html) **Logo** 3 components [Browse Shadcn Logo components](/content/components/logo/index.html) **Price** 2 components [Browse Shadcn Price components](/content/components/price/index.html) **Rating** 14 components [Browse Shadcn Rating components](/content/components/rating/index.html) **Border Button** 24 components [Browse Shadcn Border Button components](/content/components/border-button/index.html) **Scrollable Tabslist** 1 component [Browse Shadcn Scrollable Tabslist components](/content/components/scrollable-tabslist/index.html) **Theme Toggle** 28 components [Browse Shadcn Theme Toggle components](/content/components/theme-toggle/index.html) **Social Button** 48 components [Browse Shadcn Social Button components](/content/components/social-button/index.html) **Login Button** 32 components [Browse Shadcn Login Button components](/content/components/login-button/index.html) **Github Stars** 10 components [Browse Shadcn Github Stars components](/content/components/github-stars/index.html) **Counter** 11 components [Browse Shadcn Counter components](/content/components/counter/index.html) **Announcement** 6 components [Browse Shadcn Announcement components](/content/components/announcement/index.html) **Avatar Stack** 6 components [Browse Shadcn Avatar Stack components](/content/components/avatar-stack/index.html) **Bento Tile** 230 components [Browse Shadcn Bento Tile components](/content/components/bento-tile/index.html) **Choicebox** 5 components [Browse Shadcn Choicebox components](/content/components/choicebox/index.html) **Code Block** 6 components [Browse Shadcn Code Block components](/content/components/code-block/index.html) **Credit Card** 6 components [Browse Shadcn Credit Card components](/content/components/credit-card/index.html) **Dropzone** 5 components [Browse Shadcn Dropzone components](/content/components/dropzone/index.html) **Form Star Rating** 7 components [Browse Shadcn Form Star Rating components](/content/components/form-star-rating/index.html) **Glimpse** 5 components [Browse Shadcn Glimpse components](/content/components/glimpse/index.html) **List Panel** 66 components [Browse Shadcn List Panel components](/content/components/list-panel/index.html) **Marquee** 6 components [Browse Shadcn Marquee components](/content/components/marquee/index.html) **Mini Calendar** 5 components [Browse Shadcn Mini Calendar components](/content/components/mini-calendar/index.html) **Pill** 25 components [Browse Shadcn Pill components](/content/components/pill/index.html) **Relative Time** 5 components [Browse Shadcn Relative Time components](/content/components/relative-time/index.html) **Select** 51 components [Browse Shadcn Select components](/content/components/select/index.html) **Snippet** 6 components [Browse Shadcn Snippet components](/content/components/snippet/index.html) **Status** 5 components [Browse Shadcn Status components](/content/components/status/index.html) **Tags** 6 components [Browse Shadcn Tags components](/content/components/tags/index.html) **Theme Switcher** 5 components [Browse Shadcn Theme Switcher components](/content/components/theme-switcher/index.html) **Tree** 6 components [Browse Shadcn Tree components](/content/components/tree/index.html) **List** 8 components [Browse Shadcn List components](/content/components/list/index.html) ## Pro & Premium ### Every component example. Beyond the defaults. Level up past the defaults. Unlock 2,104+ production component patterns—tables, dialogs, forms, and more—ready for Next.js, Tailwind, and the shadcn CLI. - 2,104+ component examples & variants - Commercial license for apps and client projects - Install with the official shadcn CLI - TypeScript + Tailwind source you can customize - Theme tokens included—light & dark out of the box [See pricing & unlock access](/content/pricing/index.html) terminal CLI `$ npx shadcn@latest add @shadcnblocks/button-05` ✓ Installed Components 2104 - Button 12 variants - Dialog 8 patterns - Data Table 6 layouts - Form 10 examples terminal CLI `$ npx shadcn@latest add @shadcnblocks/button-05` ✓ Installed Components 2104 - Button 12 variants - Dialog 8 patterns - Data Table 6 layouts - Form 10 examples