# shadcn/ui

> Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS.

- Owner: [shadcn](https://21st.dev/@shadcn)
- Components: 87
- Website: https://ui.shadcn.com/
- GitHub: https://github.com/shadcn-ui/ui
- Live page: https://21st.dev/@shadcn/library/shadcn-ui

## Components

All 87 of them:

- [Accordion](https://21st.dev/@shadcn/components/accordion.md)
- [Alert](https://21st.dev/@shadcn/components/alert.md)
- [Alert Dialog](https://21st.dev/@shadcn/components/alert-dialog.md)
- [Aspect Ratio](https://21st.dev/@shadcn/components/aspect-ratio.md)
- [Avatar](https://21st.dev/@shadcn/components/avatar.md)
- [Badge](https://21st.dev/@shadcn/components/badge.md)
- [Breadcrumb](https://21st.dev/@shadcn/components/breadcrumb.md)
- [Button](https://21st.dev/@shadcn/components/button.md)
- [Button Group](https://21st.dev/@shadcn/components/button-group.md)
- [Calendar](https://21st.dev/@shadcn/components/calendar.md)
- [Calendar date and time picker](https://21st.dev/@shadcn/components/calendar-date-and-time-picker.md)
- [Calendar Date and Time range](https://21st.dev/@shadcn/components/calendar-date-and-time-range.md)
- [Calendar Date Picker](https://21st.dev/@shadcn/components/calendar-date-picker.md)
- [Calendar Date & Time range](https://21st.dev/@shadcn/components/calendar-date-time-range.md)
- [Calendar day picker](https://21st.dev/@shadcn/components/calendar-day-picker.md)
- [Calendar input](https://21st.dev/@shadcn/components/calendar-input.md)
- [Calendar language date picker](https://21st.dev/@shadcn/components/calendar-language-date-picker.md)
- [Calendar picker in a drawer](https://21st.dev/@shadcn/components/calendar-picker-in-a-drawer.md)
- [Calendar Variable size](https://21st.dev/@shadcn/components/calendar-variable-size.md)
- [Calendar with booked days](https://21st.dev/@shadcn/components/calendar-with-booked-days.md)
- [Calendar with day button](https://21st.dev/@shadcn/components/calendar-with-day-button.md)
- [Calendar with disabled days](https://21st.dev/@shadcn/components/calendar-with-disabled-days.md)
- [Calendar with disabled weekends](https://21st.dev/@shadcn/components/calendar-with-disabled-weekends.md)
- [Calendar with event slots](https://21st.dev/@shadcn/components/calendar-with-event-slots.md)
- [Calendar with little-date](https://21st.dev/@shadcn/components/calendar-with-little-date.md)
- [Calendar with localisation](https://21st.dev/@shadcn/components/calendar-with-localisation.md)
- [Calendar With Month and Year Dropdown](https://21st.dev/@shadcn/components/calendar-with-month-and-year-dropdown.md)
- [Calendar with presets](https://21st.dev/@shadcn/components/calendar-with-presets.md)
- [Calendar with range selection](https://21st.dev/@shadcn/components/calendar-with-range-selection.md)
- [Calendar with start end month](https://21st.dev/@shadcn/components/calendar-with-start-end-month.md)
- [Calendar with time picker inline](https://21st.dev/@shadcn/components/calendar-with-time-picker-inline.md)
- [Calendar with time piker](https://21st.dev/@shadcn/components/calendar-with-time-piker.md)
- [Calendar with time pressets](https://21st.dev/@shadcn/components/calendar-with-time-pressets.md)
- [Calendar with week numbers](https://21st.dev/@shadcn/components/calendar-with-week-numbers.md)
- [Card](https://21st.dev/@shadcn/components/card.md)
- [Carousel](https://21st.dev/@shadcn/components/carousel.md)
- [Chart](https://21st.dev/@shadcn/components/chart.md)
- [Chart filter](https://21st.dev/@shadcn/components/chart-filter.md)
- [Checkbox](https://21st.dev/@shadcn/components/checkbox.md)
- [Collapsible](https://21st.dev/@shadcn/components/collapsible.md)
- [Command](https://21st.dev/@shadcn/components/command.md)
- [Context Menu](https://21st.dev/@shadcn/components/context-menu.md)
- [Data Table](https://21st.dev/@shadcn/components/data-table.md)
- [Date picker](https://21st.dev/@shadcn/components/date-picker.md)
- [Dialog](https://21st.dev/@shadcn/components/dialog.md)
- [Drawer](https://21st.dev/@shadcn/components/drawer.md)
- [Dropdown Menu](https://21st.dev/@shadcn/components/dropdown-menu.md)
- [Dual Calendar](https://21st.dev/@shadcn/components/dual-calendar.md)
- [Empty](https://21st.dev/@shadcn/components/empty.md)
- [Field](https://21st.dev/@shadcn/components/field-1.md)
- [Form](https://21st.dev/@shadcn/components/form.md)
- [Hover Card](https://21st.dev/@shadcn/components/hover-card.md)
- [Icons](https://21st.dev/@shadcn/components/icons.md)
- [Input](https://21st.dev/@shadcn/components/input.md)
- [Input Group](https://21st.dev/@shadcn/components/input-group.md)
- [Input OTP](https://21st.dev/@shadcn/components/input-otp.md)
- [Item](https://21st.dev/@shadcn/components/item.md)
- [Kbd](https://21st.dev/@shadcn/components/kbd.md)
- [Label](https://21st.dev/@shadcn/components/label.md)
- [Menubar](https://21st.dev/@shadcn/components/menubar.md)
- [Multiple months calendar](https://21st.dev/@shadcn/components/multiple-months-calendar.md)
- [Multiple months range](https://21st.dev/@shadcn/components/multiple-months-range.md)
- [Navigation menu](https://21st.dev/@shadcn/components/navigation-menu.md)
- [Pagination](https://21st.dev/@shadcn/components/pagination.md)
- [Popover](https://21st.dev/@shadcn/components/popover.md)
- [Progress](https://21st.dev/@shadcn/components/progress.md)
- [Radio Group](https://21st.dev/@shadcn/components/radio-group.md)
- [Range selection calendar](https://21st.dev/@shadcn/components/range-selection-calendar.md)
- [Range selection calendar with min.](https://21st.dev/@shadcn/components/range-selection-calendar-with-min.md)
- [Resizable](https://21st.dev/@shadcn/components/resizable.md)
- [Scroll Area](https://21st.dev/@shadcn/components/scroll-area.md)
- [Select](https://21st.dev/@shadcn/components/select.md)
- [Separator](https://21st.dev/@shadcn/components/separator.md)
- [Sheet](https://21st.dev/@shadcn/components/sheet.md)
- [Sidebar](https://21st.dev/@shadcn/components/sidebar.md)
- [Skeleton](https://21st.dev/@shadcn/components/skeleton.md)
- [Slider](https://21st.dev/@shadcn/components/slider.md)
- [Sonner](https://21st.dev/@shadcn/components/sonner.md)
- [Spinner](https://21st.dev/@shadcn/components/spinner.md)
- [Switch](https://21st.dev/@shadcn/components/switch.md)
- [Table](https://21st.dev/@shadcn/components/table.md)
- [Tabs](https://21st.dev/@shadcn/components/tabs.md)
- [Textarea](https://21st.dev/@shadcn/components/textarea.md)
- [Toggle](https://21st.dev/@shadcn/components/toggle.md)
- [Toggle Group](https://21st.dev/@shadcn/components/toggle-group.md)
- [Tooltip](https://21st.dev/@shadcn/components/tooltip.md)
- [Use Mobile](https://21st.dev/@shadcn/components/use-mobile.md)

Full component directory: https://21st.dev/llms.txt