---
name: "@corecn"
slug: "corecn"
description: "A collection of shadcn-based React components, charts, animated components, and blocks built by corecn."
category: "Animated components"
tags: ["animation", "auth", "blocks", "buttons", "cards", "charts", "dashboard", "forms", "loaders", "media", "navigation", "overlays", "tables"]
framework: "react"
license: null
author: null
website: "https://corecn.vercel.app"
github: null
registry: "https://corecn.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 67
generated_at: "2026-09-21T01:50:16.753Z"
---

# @corecn

A collection of shadcn-based React components, charts, animated components, and blocks built by corecn.

## Links

- Website: https://corecn.vercel.app
- Registry JSON: https://corecn.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/corecn
- This file: https://sh4dcn.vercel.app/md/corecn.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://corecn.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://corecn.vercel.app/r/registry.json
bunx shadcn@latest add https://corecn.vercel.app/r/registry.json
# fetch the raw registry index
curl -s https://corecn.vercel.app/r/registry.json
```

## Components (67)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | CoreCN Accordion primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/accordion.json` |
| alert-dialog | registry:ui | CoreCN Alert Dialog primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/alert-dialog.json` |
| alert | registry:ui | CoreCN Alert primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/alert.json` |
| aspect-ratio | registry:ui | CoreCN Aspect Ratio primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/aspect-ratio.json` |
| attachment | registry:ui | CoreCN Attachment primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/attachment.json` |
| avatar | registry:ui | CoreCN Avatar primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/avatar.json` |
| badge | registry:ui | CoreCN Badge primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/badge.json` |
| brand-button | registry:ui | CoreCN Brand Button built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/brand-button.json` |
| breadcrumb | registry:ui | CoreCN Breadcrumb primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/breadcrumb.json` |
| bubble | registry:ui | CoreCN Bubble primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/bubble.json` |
| button-group | registry:ui | CoreCN Button Group primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/button-group.json` |
| button | registry:ui | CoreCN Button primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/button.json` |
| calendar | registry:ui | CoreCN Calendar primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/calendar.json` |
| card | registry:ui | CoreCN Card primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/card.json` |
| carousel | registry:ui | CoreCN Carousel primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/carousel.json` |
| chart | registry:ui | CoreCN Chart primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/chart.json` |
| checkbox | registry:ui | CoreCN Checkbox primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/checkbox.json` |
| collapsible | registry:ui | CoreCN Collapsible primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/collapsible.json` |
| combobox | registry:ui | CoreCN Combobox primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/combobox.json` |
| command | registry:ui | CoreCN Command primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/command.json` |
| context-menu | registry:ui | CoreCN Context Menu primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/context-menu.json` |
| dialog | registry:ui | CoreCN Dialog primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/dialog.json` |
| direction | registry:ui | CoreCN Direction primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/direction.json` |
| drawer | registry:ui | CoreCN Drawer primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/drawer.json` |
| dropdown-menu | registry:ui | CoreCN Dropdown Menu primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/dropdown-menu.json` |
| empty | registry:ui | CoreCN Empty primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/empty.json` |
| field | registry:ui | CoreCN Field primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/field.json` |
| form | registry:ui | CoreCN Form primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/form.json` |
| hover-card | registry:ui | CoreCN Hover Card primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/hover-card.json` |
| input-group | registry:ui | CoreCN Input Group primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/input-group.json` |
| input-otp | registry:ui | CoreCN Input Otp primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/input-otp.json` |
| input | registry:ui | CoreCN Input primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/input.json` |
| item | registry:ui | CoreCN Item primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/item.json` |
| kbd | registry:ui | CoreCN Kbd primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/kbd.json` |
| label | registry:ui | CoreCN Label primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/label.json` |
| marker | registry:ui | CoreCN Marker primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/marker.json` |
| menubar | registry:ui | CoreCN Menubar primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/menubar.json` |
| message-scroller | registry:ui | CoreCN Message Scroller primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/message-scroller.json` |
| message | registry:ui | CoreCN Message primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/message.json` |
| native-select | registry:ui | CoreCN Native Select primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/native-select.json` |
| navigation-menu | registry:ui | CoreCN Navigation Menu primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/navigation-menu.json` |
| pagination | registry:ui | CoreCN Pagination primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/pagination.json` |
| popover | registry:ui | CoreCN Popover primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/popover.json` |
| progress | registry:ui | CoreCN Progress primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/progress.json` |
| radio-group | registry:ui | CoreCN Radio Group primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/radio-group.json` |
| resizable | registry:ui | CoreCN Resizable primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/resizable.json` |
| scroll-area | registry:ui | CoreCN Scroll Area primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/scroll-area.json` |
| select | registry:ui | CoreCN Select primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/select.json` |
| separator | registry:ui | CoreCN Separator primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/separator.json` |
| sheet | registry:ui | CoreCN Sheet primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/sheet.json` |
| sidebar | registry:block | CoreCN Sidebar primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/sidebar.json` |
| skeleton | registry:ui | CoreCN Skeleton primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/skeleton.json` |
| slider | registry:ui | CoreCN Slider primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/slider.json` |
| sonner | registry:ui | CoreCN Sonner primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/sonner.json` |
| spinner | registry:ui | CoreCN Spinner primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/spinner.json` |
| switch | registry:ui | CoreCN Switch primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/switch.json` |
| table | registry:ui | CoreCN Table primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/table.json` |
| tabs | registry:ui | CoreCN Tabs primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/tabs.json` |
| textarea | registry:ui | CoreCN Textarea primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/textarea.json` |
| toggle-group | registry:ui | CoreCN Toggle Group primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/toggle-group.json` |
| toggle | registry:ui | CoreCN Toggle primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/toggle.json` |
| tooltip | registry:ui | CoreCN Tooltip primitive built on shadcn/ui. | `npx shadcn@latest add https://corecn.vercel.app/r/tooltip.json` |
| stat-card | registry:block | Dashboard metric card with title, value, and optional trend. | `npx shadcn@latest add https://corecn.vercel.app/r/stat-card.json` |
| hello-world | registry:component | A simple hello world component | `npx shadcn@latest add https://corecn.vercel.app/r/hello-world.json` |
| example-form | registry:component | A contact form with Zod validation. | `npx shadcn@latest add https://corecn.vercel.app/r/example-form.json` |
| complex-component | registry:component | A complex component showing hooks, libs and components. | `npx shadcn@latest add https://corecn.vercel.app/r/complex-component.json` |
| example-with-css | registry:component | A login form with a CSS file. | `npx shadcn@latest add https://corecn.vercel.app/r/example-with-css.json` |

## For AI agents

```text
You are adding components from @corecn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/corecn.md) for the component list.
2. Fetch the machine-readable index: https://corecn.vercel.app/r/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: corecn).
```