ActiveComponent library (general)124,264
@shadcn
Component library (general) · MIT · data updated 2026-09-21
The canonical shadcn/ui registry (apps/v4, style new-york-v4) — ~470 primitives and utilities (accordion, alert, avatar, button, calendar, card, carousel, chart, checkbox, command, dialog, drawer, dropdown-menu, form, input, popover, select, sheet, sidebar, table, tabs, toast, and more) built on Radix UI, with parallel Base UI and React Aria variants documented alongside each component. This is the registry every third-party library in this directory extends or restyles; it ships here as its own entry so its components are indexed, clone-able, and searchable the same way theirs are. Free, open source, MIT-licensed. Use for: the baseline component set any shadcn-based project starts from, before reaching for a themed or specialized third-party registry.
accessibilityauthbackgroundsbuttonscardschartsdashboarddesign-systemformshooksiconsloadersmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.jsonHealth
StatusActive
Last commit3 days ago
LicenseMIT
Open issues1847
ArchivedNo
Stars124,264
Components (471)
indexstyleaccordionalertalert-dialogaspect-ratioavatarbadgebreadcrumbbuttonbutton-groupcalendarcardcarouselchartcheckboxcollapsiblecomboboxcommandcontext-menudialogdrawerdropdown-menuemptyfieldformhover-cardinputinput-groupinput-otpitemlabelmenubarnavigation-menupaginationpopoverprogressradio-groupresizablescroll-areaselectseparatorsheetsidebarskeletonslidersonnerspinnerswitchtabletabstextareatoggletoggle-grouptooltipkbdnative-selectdirectionattachmentbubble
Components: index, style, accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, combobox, command, context-menu, dialog, drawer, dropdown-menu, empty, field, form, hover-card, input, input-group, input-otp, item, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toggle, toggle-group, tooltip, kbd, native-select, direction, attachment, bubble, marker, message, message-scroller, dashboard-01, sidebar-01, sidebar-02, sidebar-03, sidebar-04, sidebar-05, sidebar-06, sidebar-07, sidebar-08, sidebar-09, sidebar-10, sidebar-11, sidebar-12, sidebar-13, sidebar-14, sidebar-15, sidebar-16, login-01, login-02, login-03, login-04, login-05, signup-01, signup-02, signup-03, signup-04, signup-05, chart-area-axes, chart-area-default, chart-area-gradient, chart-area-icons, chart-area-interactive, chart-area-legend, chart-area-linear, chart-area-stacked-expand, chart-area-stacked, chart-area-step, chart-bar-active, chart-bar-default, chart-bar-horizontal, chart-bar-interactive, chart-bar-label-custom, chart-bar-label, chart-bar-mixed, chart-bar-multiple, chart-bar-negative, chart-bar-stacked, chart-line-default, chart-line-dots-colors, chart-line-dots-custom, chart-line-dots, chart-line-interactive, chart-line-label-custom, chart-line-label, chart-line-linear, chart-line-multiple, chart-line-step, chart-pie-donut-active, chart-pie-donut-text, chart-pie-donut, chart-pie-interactive, chart-pie-label-custom, chart-pie-label-list, chart-pie-label, chart-pie-legend, chart-pie-separator-none, chart-pie-simple, chart-pie-stacked, chart-radar-default, chart-radar-dots, chart-radar-grid-circle-fill, chart-radar-grid-circle-no-lines, chart-radar-grid-circle, chart-radar-grid-custom, chart-radar-grid-fill, chart-radar-grid-none, chart-radar-icons, chart-radar-label-custom, chart-radar-legend, chart-radar-lines-only, chart-radar-multiple, chart-radar-radius, chart-radial-grid, chart-radial-label, chart-radial-shape, chart-radial-simple, chart-radial-stacked, chart-radial-text, chart-tooltip-default, chart-tooltip-indicator-line, chart-tooltip-indicator-none, chart-tooltip-label-none, chart-tooltip-label-custom, chart-tooltip-label-formatter, chart-tooltip-formatter, chart-tooltip-icons, chart-tooltip-advanced, utils, use-mobile, theme-stone, theme-zinc, theme-neutral, theme-gray, theme-slate, accordion-demo, alert-demo, alert-destructive, alert-dialog-demo, aspect-ratio-demo, avatar-demo, badge-demo, badge-destructive, badge-outline, badge-secondary, breadcrumb-demo, breadcrumb-separator, breadcrumb-dropdown, breadcrumb-ellipsis, breadcrumb-link, breadcrumb-responsive, button-demo, button-default, button-secondary, button-destructive, button-outline, button-ghost, button-link, button-with-icon, button-loading, button-icon, button-as-child, button-rounded, button-size, button-group-demo, button-group-nested, button-group-size, button-group-separator, button-group-split, button-group-input, button-group-dropdown, button-group-select, button-group-popover, button-group-input-group, button-group-orientation, calendar-demo, card-demo, card-with-form, carousel-demo, carousel-size, carousel-spacing, carousel-orientation, carousel-api, carousel-plugin, checkbox-demo, checkbox-disabled, checkbox-with-text, collapsible-demo, combobox-demo, combobox-dropdown-menu, combobox-popover, combobox-responsive, command-demo, command-dialog, context-menu-demo, data-table-demo, date-picker-demo, date-picker-with-presets, date-picker-with-range, dialog-demo, dialog-close-button, drawer-demo, empty-demo, empty-icon, empty-avatar, empty-avatar-group, empty-input-group, empty-outline, empty-background, field-demo, field-input, field-textarea, field-fieldset, field-radio, field-checkbox, field-switch, field-slider, field-select, field-choice-card, field-group, field-responsive, form-next-demo, form-next-complex, form-rhf-demo, form-rhf-input, form-rhf-select, form-rhf-checkbox, form-rhf-switch, form-rhf-textarea, form-rhf-radiogroup, form-rhf-array, form-rhf-complex, form-rhf-password, form-tanstack-demo, form-tanstack-input, form-tanstack-textarea, form-tanstack-select, form-tanstack-checkbox, form-tanstack-switch, form-tanstack-radiogroup, form-tanstack-array, form-tanstack-complex, form-formisch-demo, form-formisch-input, form-formisch-textarea, form-formisch-select, form-formisch-checkbox, form-formisch-radiogroup, form-formisch-switch, form-formisch-array, form-formisch-complex, drawer-dialog, dropdown-menu-demo, dropdown-menu-checkboxes, dropdown-menu-radio-group, dropdown-menu-dialog, hover-card-demo, input-demo, input-disabled, input-file, input-with-button, input-with-label, input-with-text, input-group-demo, input-group-label, input-group-text, input-group-tooltip, input-group-button, input-group-button-group, input-group-dropdown, input-group-spinner, input-group-textarea, input-group-icon, input-group-custom, input-otp-demo, input-otp-pattern, input-otp-separator, input-otp-controlled, item-demo, item-size, item-variant, item-icon, item-image, item-avatar, item-group, item-header, item-dropdown, item-link, kbd-demo, kbd-tooltip, kbd-input-group, kbd-button, kbd-group, label-demo, menubar-demo, navigation-menu-demo, native-select-demo, native-select-groups, native-select-disabled, native-select-invalid, pagination-demo, popover-demo, progress-demo, radio-group-demo, resizable-demo, resizable-demo-with-handle, resizable-vertical, resizable-handle, scroll-area-demo, scroll-area-horizontal-demo, select-demo, select-scrollable, separator-demo, sheet-demo, sheet-side, skeleton-demo, skeleton-card, slider-demo, sonner-demo, sonner-types, spinner-demo, spinner-basic, spinner-button, spinner-badge, spinner-input-group, spinner-empty, spinner-color, spinner-custom, spinner-size, spinner-item, switch-demo, table-demo, tabs-demo, textarea-demo, textarea-disabled, textarea-with-button, textarea-with-label, textarea-with-text, toggle-group-demo, toggle-group-disabled, toggle-group-lg, toggle-group-outline, toggle-group-sm, toggle-group-single, toggle-group-spacing, toggle-demo, toggle-disabled, toggle-lg, toggle-outline, toggle-sm, toggle-with-text, tooltip-demo, typography-blockquote, typography-demo, typography-h1, typography-h2, typography-h3, typography-h4, typography-inline-code, typography-large, typography-lead, typography-list, typography-muted, typography-p, typography-small, typography-table, mode-toggle, chart-bar-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@shadcn · index
npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/index.jsonView source