Shadcn/ui
by shadcn
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
Philosophy
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
Principles
- Copy-paste components
- Accessible
- Customizable
- Built on Radix primitives
Components
AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OtpItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
In our catalogue (32)
- Accordionhttps://ui.shadcn.com/docs/components/accordion
- Alerthttps://ui.shadcn.com/docs/components/alert
- Avatarhttps://ui.shadcn.com/docs/components/avatar
- Badgehttps://ui.shadcn.com/docs/components/badge
- Breadcrumbshttps://ui.shadcn.com/docs/components/breadcrumb
- Buttonhttps://ui.shadcn.com/docs/components/button
- Button grouphttps://ui.shadcn.com/docs/components/toggle-group
- Cardhttps://ui.shadcn.com/docs/components/card
- Carouselhttps://ui.shadcn.com/docs/components/carousel
- Checkboxhttps://ui.shadcn.com/docs/components/checkbox
- Comboboxhttps://ui.shadcn.com/docs/components/combobox
- Datepickerhttps://ui.shadcn.com/docs/components/calendar
- Drawerhttps://ui.shadcn.com/docs/components/drawer
- Dropdown menuhttps://ui.shadcn.com/docs/components/dropdown-menu
- Formhttps://ui.shadcn.com/docs/components/form
- Labelhttps://ui.shadcn.com/docs/components/label
- Modalhttps://ui.shadcn.com/docs/components/alert-dialog
- Navigationhttps://ui.shadcn.com/docs/components/menubar
- Paginationhttps://ui.shadcn.com/docs/components/pagination
- Popoverhttps://ui.shadcn.com/docs/components/popover
- Progress barhttps://ui.shadcn.com/docs/components/progress
- Radio buttonhttps://ui.shadcn.com/docs/components/radio-group
- Selecthttps://ui.shadcn.com/docs/components/select
- Separatorhttps://ui.shadcn.com/docs/components/separator
- Skeletonhttps://ui.shadcn.com/docs/components/skeleton
- Sliderhttps://ui.shadcn.com/docs/components/slider
- Tablehttps://ui.shadcn.com/docs/components/data-table
- Tabshttps://ui.shadcn.com/docs/components/tabs
- Textareahttps://ui.shadcn.com/docs/components/textarea
- Toasthttps://ui.shadcn.com/docs/components/sonner
- Togglehttps://ui.shadcn.com/docs/components/switch
- Tooltiphttps://ui.shadcn.com/docs/components/hover-card
Details
- Platforms
- web
- Tech
- reacttailwindnextjs
- Features
- figmatokensa11ythemingrtlicons
- Last updated