---
name: "@shadcn"
slug: "shadcn"
description: "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."
category: "Component library (general)"
tags: ["accessibility", "auth", "backgrounds", "buttons", "cards", "charts", "dashboard", "design-system", "forms", "hooks", "icons", "loaders", "media", "navigation", "overlays", "tables", "theming"]
framework: "react"
license: "MIT"
author: "shadcn-ui"
website: "https://ui.shadcn.com"
github: "https://github.com/shadcn-ui/ui"
registry: "https://ui.shadcn.com/r/styles/new-york-v4/registry.json"
pro: false
pro_url: null
github_stars: 124264
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @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.

## Links

- Website: https://ui.shadcn.com
- GitHub: https://github.com/shadcn-ui/ui
- Registry JSON: https://ui.shadcn.com/r/styles/new-york-v4/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcn
- This file: https://sh4dcn.vercel.app/md/shadcn.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json
pnpm dlx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json
bunx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json
# clone the source repo
git clone https://github.com/shadcn-ui/ui.git
# fetch the raw registry index
curl -s https://ui.shadcn.com/r/styles/new-york-v4/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/index.json` |
| style | registry:style | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/style.json` |
| accordion | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog.json` |
| aspect-ratio | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb.json` |
| button | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar.json` |
| card | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field.json` |
| form | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/form.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/hover-card.json` |
| input | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-otp.json` |
| item | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/item.json` |
| label | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/label.json` |
| menubar | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/menubar.json` |
| navigation-menu | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/navigation-menu.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/popover.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/progress.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/radio-group.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/resizable.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/slider.json` |
| sonner | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sonner.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/table.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tabs.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/textarea.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tooltip.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/kbd.json` |
| native-select | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/native-select.json` |
| direction | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/direction.json` |
| attachment | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/attachment.json` |
| bubble | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/bubble.json` |
| marker | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/marker.json` |
| message | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message.json` |
| message-scroller | registry:ui | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message-scroller.json` |
| dashboard-01 | registry: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 | registry: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 | registry:block | A sidebar with collapsible sections. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-02.json` |
| sidebar-03 | registry:block | A sidebar with submenus. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-03.json` |
| sidebar-04 | registry:block | A floating sidebar with submenus. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-04.json` |
| sidebar-05 | registry:block | A sidebar with collapsible submenus. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-05.json` |
| sidebar-06 | registry: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 | registry: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 | registry: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 | registry:block | Collapsible nested sidebars. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-09.json` |
| sidebar-10 | registry:block | A sidebar in a popover. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-10.json` |
| sidebar-11 | registry: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 | registry:block | A sidebar with a calendar. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-12.json` |
| sidebar-13 | registry:block | A sidebar in a dialog. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-13.json` |
| sidebar-14 | registry:block | A sidebar on the right. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-14.json` |
| sidebar-15 | registry:block | A left and right sidebar. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-15.json` |
| sidebar-16 | registry:block | A sidebar with a sticky site header. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-16.json` |
| login-01 | registry:block | A simple login form. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-01.json` |
| login-02 | registry:block | 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` |
| login-03 | registry:block | A login page with a muted background color. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-03.json` |
| login-04 | registry:block | A login page with form and image. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-04.json` |
| login-05 | registry:block | A simple email-only login page. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-05.json` |
| signup-01 | registry:block | A simple signup form. | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-01.json` |
| signup-02 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-axes.json` |
| chart-area-default | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-default.json` |
| chart-area-gradient | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-gradient.json` |
| chart-area-icons | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-icons.json` |
| chart-area-interactive | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-interactive.json` |
| chart-area-legend | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-legend.json` |
| chart-area-linear | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-linear.json` |
| chart-area-stacked-expand | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked-expand.json` |
| chart-area-stacked | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked.json` |
| chart-area-step | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-step.json` |
| chart-bar-active | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-active.json` |
| chart-bar-default | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-default.json` |
| chart-bar-horizontal | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-horizontal.json` |
| chart-bar-interactive | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-interactive.json` |
| chart-bar-label-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label-custom.json` |
| chart-bar-label | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label.json` |
| chart-bar-mixed | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-mixed.json` |
| chart-bar-multiple | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-multiple.json` |
| chart-bar-negative | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-negative.json` |
| chart-bar-stacked | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-stacked.json` |
| chart-line-default | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-default.json` |
| chart-line-dots-colors | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-colors.json` |
| chart-line-dots-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-custom.json` |
| chart-line-dots | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots.json` |
| chart-line-interactive | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-interactive.json` |
| chart-line-label-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label-custom.json` |
| chart-line-label | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label.json` |
| chart-line-linear | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-linear.json` |
| chart-line-multiple | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-multiple.json` |
| chart-line-step | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-step.json` |
| chart-pie-donut-active | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-active.json` |
| chart-pie-donut-text | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-text.json` |
| chart-pie-donut | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut.json` |
| chart-pie-interactive | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-interactive.json` |
| chart-pie-label-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-custom.json` |
| chart-pie-label-list | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-list.json` |
| chart-pie-label | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label.json` |
| chart-pie-legend | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-legend.json` |
| chart-pie-separator-none | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-separator-none.json` |
| chart-pie-simple | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-simple.json` |
| chart-pie-stacked | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-stacked.json` |
| chart-radar-default | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-default.json` |
| chart-radar-dots | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-dots.json` |
| chart-radar-grid-circle-fill | registry: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 | registry: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 | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle.json` |
| chart-radar-grid-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-custom.json` |
| chart-radar-grid-fill | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-fill.json` |
| chart-radar-grid-none | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-none.json` |
| chart-radar-icons | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-icons.json` |
| chart-radar-label-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-label-custom.json` |
| chart-radar-legend | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-legend.json` |
| chart-radar-lines-only | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-lines-only.json` |
| chart-radar-multiple | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-multiple.json` |
| chart-radar-radius | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-radius.json` |
| chart-radial-grid | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-grid.json` |
| chart-radial-label | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-label.json` |
| chart-radial-shape | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-shape.json` |
| chart-radial-simple | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-simple.json` |
| chart-radial-stacked | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-stacked.json` |
| chart-radial-text | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-text.json` |
| chart-tooltip-default | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-default.json` |
| chart-tooltip-indicator-line | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-line.json` |
| chart-tooltip-indicator-none | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-none.json` |
| chart-tooltip-label-none | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-none.json` |
| chart-tooltip-label-custom | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-custom.json` |
| chart-tooltip-label-formatter | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-formatter.json` |
| chart-tooltip-formatter | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-formatter.json` |
| chart-tooltip-icons | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-icons.json` |
| chart-tooltip-advanced | registry:block | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-advanced.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/utils.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/use-mobile.json` |
| theme-stone | registry:theme | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-stone.json` |
| theme-zinc | registry:theme | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-zinc.json` |
| theme-neutral | registry:theme | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-neutral.json` |
| theme-gray | registry:theme | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-gray.json` |
| theme-slate | registry:theme | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-slate.json` |
| accordion-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion-demo.json` |
| alert-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-demo.json` |
| alert-destructive | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-destructive.json` |
| alert-dialog-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog-demo.json` |
| aspect-ratio-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio-demo.json` |
| avatar-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar-demo.json` |
| badge-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-demo.json` |
| badge-destructive | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-destructive.json` |
| badge-outline | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-outline.json` |
| badge-secondary | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-secondary.json` |
| breadcrumb-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-demo.json` |
| breadcrumb-separator | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-separator.json` |
| breadcrumb-dropdown | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-dropdown.json` |
| breadcrumb-ellipsis | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-ellipsis.json` |
| breadcrumb-link | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-link.json` |
| breadcrumb-responsive | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-responsive.json` |
| button-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-demo.json` |
| button-default | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-default.json` |
| button-secondary | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-secondary.json` |
| button-destructive | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-destructive.json` |
| button-outline | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-outline.json` |
| button-ghost | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-ghost.json` |
| button-link | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-link.json` |
| button-with-icon | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-with-icon.json` |
| button-loading | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-loading.json` |
| button-icon | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-icon.json` |
| button-as-child | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-as-child.json` |
| button-rounded | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-rounded.json` |
| button-size | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-size.json` |
| button-group-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-demo.json` |
| button-group-nested | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-nested.json` |
| button-group-size | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-size.json` |
| button-group-separator | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-separator.json` |
| button-group-split | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-split.json` |
| button-group-input | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input.json` |
| button-group-dropdown | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-dropdown.json` |
| button-group-select | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-select.json` |
| button-group-popover | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-popover.json` |
| button-group-input-group | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input-group.json` |
| button-group-orientation | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-orientation.json` |
| calendar-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar-demo.json` |
| card-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-demo.json` |
| card-with-form | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-with-form.json` |
| carousel-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-demo.json` |
| carousel-size | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-size.json` |
| carousel-spacing | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-spacing.json` |
| carousel-orientation | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-orientation.json` |
| carousel-api | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-api.json` |
| carousel-plugin | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-plugin.json` |
| checkbox-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-demo.json` |
| checkbox-disabled | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-disabled.json` |
| checkbox-with-text | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-with-text.json` |
| collapsible-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible-demo.json` |
| combobox-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-demo.json` |
| combobox-dropdown-menu | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-dropdown-menu.json` |
| combobox-popover | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-popover.json` |
| combobox-responsive | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-responsive.json` |
| command-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-demo.json` |
| command-dialog | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-dialog.json` |
| context-menu-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu-demo.json` |
| data-table-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/data-table-demo.json` |
| date-picker-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-demo.json` |
| date-picker-with-presets | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-presets.json` |
| date-picker-with-range | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-range.json` |
| dialog-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-demo.json` |
| dialog-close-button | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-close-button.json` |
| drawer-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer-demo.json` |
| empty-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-demo.json` |
| empty-icon | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-icon.json` |
| empty-avatar | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar.json` |
| empty-avatar-group | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar-group.json` |
| empty-input-group | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-input-group.json` |
| empty-outline | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-outline.json` |
| empty-background | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-background.json` |
| field-demo | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-demo.json` |
| field-input | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-input.json` |
| field-textarea | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-textarea.json` |
| field-fieldset | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-fieldset.json` |
| field-radio | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-radio.json` |
| field-checkbox | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-checkbox.json` |
| field-switch | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-switch.json` |
| field-slider | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-slider.json` |
| field-select | registry:example | — | `npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-select.json` |

## For AI agents

```text
You are adding components from @shadcn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcn.md) for the component list.
2. Fetch the machine-readable index: https://ui.shadcn.com/r/styles/new-york-v4/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcn).
```