@shadcn

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.

250 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (200 .json) ↗ clone brief (PROMPT.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json

pnpm pnpm dlx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json

bun bunx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json

fetch registry curl -s https://ui.shadcn.com/r/styles/new-york-v4/registry.json

Components

250 total

index style

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/index.json

style style

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/style.json

accordion ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion.json

alert ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert.json

alert-dialog ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog.json

aspect-ratio ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio.json

avatar ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar.json

badge ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge.json

breadcrumb ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb.json

button ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button.json

button-group ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group.json

calendar ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar.json

card ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card.json

carousel ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel.json

chart ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart.json

checkbox ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox.json

collapsible ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible.json

combobox ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox.json

command ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command.json

context-menu ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu.json

dialog ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog.json

drawer ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer.json

dropdown-menu ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dropdown-menu.json

empty ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty.json

field ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field.json

form ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/form.json

hover-card ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/hover-card.json

input ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input.json

input-group ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-group.json

input-otp ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-otp.json

item ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/item.json

label ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/label.json

menubar ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/menubar.json

navigation-menu ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/navigation-menu.json

pagination ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/pagination.json

popover ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/popover.json

progress ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/progress.json

radio-group ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/radio-group.json

resizable ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/resizable.json

scroll-area ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/scroll-area.json

select ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/select.json

separator ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/separator.json

sheet ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sheet.json

sidebar ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar.json

skeleton ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/skeleton.json

slider ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/slider.json

sonner ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sonner.json

spinner ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/spinner.json

switch ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/switch.json

table ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/table.json

tabs ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tabs.json

textarea ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/textarea.json

toggle ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle.json

toggle-group ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle-group.json

tooltip ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tooltip.json

kbd ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/kbd.json

native-select ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/native-select.json

direction ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/direction.json

attachment ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/attachment.json

bubble ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/bubble.json

marker ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/marker.json

message ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message.json

message-scroller ui

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message-scroller.json

dashboard-01 block

A dashboard with sidebar, charts and data table.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dashboard-01.json

sidebar-01 block

A simple sidebar with navigation grouped by section.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-01.json

sidebar-02 block

A sidebar with collapsible sections.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-02.json

sidebar-03 block

A sidebar with submenus.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-03.json

sidebar-04 block

A floating sidebar with submenus.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-04.json

sidebar-05 block

A sidebar with collapsible submenus.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-05.json

sidebar-06 block

A sidebar with submenus as dropdowns.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-06.json

sidebar-07 block

A sidebar that collapses to icons.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-07.json

sidebar-08 block

An inset sidebar with secondary navigation.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-08.json

sidebar-09 block

Collapsible nested sidebars.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-09.json

sidebar-10 block

A sidebar in a popover.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-10.json

sidebar-11 block

A sidebar with a collapsible file tree.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-11.json

sidebar-12 block

A sidebar with a calendar.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-12.json

sidebar-13 block

A sidebar in a dialog.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-13.json

sidebar-14 block

A sidebar on the right.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-14.json

sidebar-15 block

A left and right sidebar.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-15.json

sidebar-16 block

A sidebar with a sticky site header.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-16.json

A simple login form.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-01.json

A two column login page with a cover image.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-02.json

A login page with a muted background color.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-03.json

A login page with form and image.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-04.json

A simple email-only login page.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-05.json

signup-01 block

A simple signup form.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-01.json

signup-02 block

A two column signup page with a cover image.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-02.json

signup-03 block

A signup page with a muted background color.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-03.json

signup-04 block

A signup page with form and image.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-04.json

signup-05 block

A simple signup form with social providers.

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-05.json

chart-area-axes block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-axes.json

chart-area-default block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-default.json

chart-area-gradient block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-gradient.json

chart-area-icons block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-icons.json

chart-area-interactive block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-interactive.json

chart-area-legend block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-legend.json

chart-area-linear block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-linear.json

chart-area-stacked-expand block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked-expand.json

chart-area-stacked block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked.json

chart-area-step block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-step.json

chart-bar-active block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-active.json

chart-bar-default block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-default.json

chart-bar-horizontal block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-horizontal.json

chart-bar-interactive block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-interactive.json

chart-bar-label-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label-custom.json

chart-bar-label block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label.json

chart-bar-mixed block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-mixed.json

chart-bar-multiple block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-multiple.json

chart-bar-negative block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-negative.json

chart-bar-stacked block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-stacked.json

chart-line-default block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-default.json

chart-line-dots-colors block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-colors.json

chart-line-dots-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-custom.json

chart-line-dots block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots.json

chart-line-interactive block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-interactive.json

chart-line-label-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label-custom.json

chart-line-label block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label.json

chart-line-linear block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-linear.json

chart-line-multiple block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-multiple.json

chart-line-step block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-step.json

chart-pie-donut-active block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-active.json

chart-pie-donut-text block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-text.json

chart-pie-donut block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut.json

chart-pie-interactive block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-interactive.json

chart-pie-label-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-custom.json

chart-pie-label-list block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-list.json

chart-pie-label block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label.json

chart-pie-legend block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-legend.json

chart-pie-separator-none block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-separator-none.json

chart-pie-simple block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-simple.json

chart-pie-stacked block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-stacked.json

chart-radar-default block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-default.json

chart-radar-dots block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-dots.json

chart-radar-grid-circle-fill block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-fill.json

chart-radar-grid-circle-no-lines block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-no-lines.json

chart-radar-grid-circle block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle.json

chart-radar-grid-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-custom.json

chart-radar-grid-fill block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-fill.json

chart-radar-grid-none block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-none.json

chart-radar-icons block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-icons.json

chart-radar-label-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-label-custom.json

chart-radar-legend block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-legend.json

chart-radar-lines-only block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-lines-only.json

chart-radar-multiple block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-multiple.json

chart-radar-radius block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-radius.json

chart-radial-grid block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-grid.json

chart-radial-label block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-label.json

chart-radial-shape block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-shape.json

chart-radial-simple block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-simple.json

chart-radial-stacked block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-stacked.json

chart-radial-text block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-text.json

chart-tooltip-default block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-default.json

chart-tooltip-indicator-line block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-line.json

chart-tooltip-indicator-none block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-none.json

chart-tooltip-label-none block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-none.json

chart-tooltip-label-custom block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-custom.json

chart-tooltip-label-formatter block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-formatter.json

chart-tooltip-formatter block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-formatter.json

chart-tooltip-icons block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-icons.json

chart-tooltip-advanced block

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-advanced.json

utils lib

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/utils.json

use-mobile hook

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/use-mobile.json

theme-stone theme

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-stone.json

theme-zinc theme

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-zinc.json

theme-neutral theme

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-neutral.json

theme-gray theme

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-gray.json

theme-slate theme

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-slate.json

accordion-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion-demo.json

alert-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-demo.json

alert-destructive example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-destructive.json

alert-dialog-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog-demo.json

aspect-ratio-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio-demo.json

avatar-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar-demo.json

badge-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-demo.json

badge-destructive example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-destructive.json

badge-outline example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-outline.json

badge-secondary example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-secondary.json

breadcrumb-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-demo.json

breadcrumb-separator example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-separator.json

breadcrumb-dropdown example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-dropdown.json

breadcrumb-ellipsis example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-ellipsis.json

breadcrumb-link example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-link.json

breadcrumb-responsive example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-responsive.json

button-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-demo.json

button-default example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-default.json

button-secondary example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-secondary.json

button-destructive example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-destructive.json

button-outline example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-outline.json

button-ghost example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-ghost.json

button-link example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-link.json

button-with-icon example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-with-icon.json

button-loading example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-loading.json

button-icon example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-icon.json

button-as-child example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-as-child.json

button-rounded example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-rounded.json

button-size example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-size.json

button-group-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-demo.json

button-group-nested example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-nested.json

button-group-size example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-size.json

button-group-separator example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-separator.json

button-group-split example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-split.json

button-group-input example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input.json

button-group-dropdown example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-dropdown.json

button-group-select example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-select.json

button-group-popover example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-popover.json

button-group-input-group example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input-group.json

button-group-orientation example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-orientation.json

calendar-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar-demo.json

card-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-demo.json

card-with-form example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-with-form.json

carousel-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-demo.json

carousel-size example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-size.json

carousel-spacing example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-spacing.json

carousel-orientation example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-orientation.json

carousel-api example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-api.json

carousel-plugin example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-plugin.json

checkbox-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-demo.json

checkbox-disabled example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-disabled.json

checkbox-with-text example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-with-text.json

collapsible-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible-demo.json

combobox-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-demo.json

combobox-dropdown-menu example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-dropdown-menu.json

combobox-popover example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-popover.json

combobox-responsive example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-responsive.json

command-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-demo.json

command-dialog example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-dialog.json

context-menu-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu-demo.json

data-table-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/data-table-demo.json

date-picker-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-demo.json

date-picker-with-presets example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-presets.json

date-picker-with-range example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-range.json

dialog-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-demo.json

dialog-close-button example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-close-button.json

drawer-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer-demo.json

empty-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-demo.json

empty-icon example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-icon.json

empty-avatar example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar.json

empty-avatar-group example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar-group.json

empty-input-group example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-input-group.json

empty-outline example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-outline.json

empty-background example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-background.json

field-demo example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-demo.json

field-input example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-input.json

field-textarea example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-textarea.json

field-fieldset example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-fieldset.json

field-radio example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-radio.json

field-checkbox example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-checkbox.json

field-switch example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-switch.json

field-slider example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-slider.json

field-select example

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-select.json