@ark-cn

Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable. Built by ARK UI.

76 components react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ark-cn.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://ark-cn.vercel.app/r/registry.json

bun bunx shadcn@latest add https://ark-cn.vercel.app/r/registry.json

fetch registry curl -s https://ark-cn.vercel.app/r/registry.json

Components

76 total

Accordion ui

A shadcn-style accordion component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/accordion.json

Alert ui

A shadcn-style alert component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/alert.json

Alert Dialog ui

A shadcn-style alert dialog component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/alert-dialog.json

Angle Slider ui

A shadcn-style angle slider component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/angle-slider.json

Avatar ui

A shadcn-style avatar component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/avatar.json

Badge ui

A shadcn-style badge component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/badge.json

Breadcrumb ui

A shadcn-style breadcrumb component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/breadcrumb.json

Button ui

A shadcn-style button component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/button.json

Button Group ui

A shadcn-style button group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/button-group.json

Card ui

A flexible container for grouping related content and actions.

npx shadcn@latest add https://ark-cn.vercel.app/r/card.json

Carousel ui

A shadcn-style carousel component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/carousel.json

Checkbox ui

A shadcn-style checkbox component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/checkbox.json

Clipboard ui

A shadcn-style clipboard component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/clipboard.json

Collapsible ui

A shadcn-style collapsible component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/collapsible.json

Color Picker ui

A shadcn-style color picker component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/color-picker.json

Combobox ui

A shadcn-style combobox component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/combobox.json

Command ui

A shadcn-style command component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/command.json

Date Picker ui

A shadcn-style date picker component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/date-picker.json

Dialog ui

A shadcn-style dialog component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/dialog.json

Editable ui

A shadcn-style editable component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/editable.json

Empty ui

Empty state placeholder with icon, title, description, and action slots.

npx shadcn@latest add https://ark-cn.vercel.app/r/empty.json

Field ui

A shadcn-style field component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/field.json

Fieldset ui

A shadcn-style fieldset component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/fieldset.json

File Upload ui

A shadcn-style file upload component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/file-upload.json

Floating Panel ui

A shadcn-style floating panel component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/floating-panel.json

Hover Card ui

A shadcn-style hover card component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/hover-card.json

Image Cropper ui

A shadcn-style image cropper component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/image-cropper.json

Input ui

A shadcn-style input component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/input.json

Input Group ui

A shadcn-style input group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/input-group.json

Item ui

Composable list item with media, content, title, description, and action slots.

npx shadcn@latest add https://ark-cn.vercel.app/r/item.json

Kbd ui

A shadcn-style keyboard shortcut component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/kbd.json

Label ui

A shadcn-style label component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/label.json

Listbox ui

A shadcn-style listbox component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/listbox.json

Marquee ui

A shadcn-style marquee component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/marquee.json

Menu ui

A shadcn-style menu component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/menu.json

Number Field ui

A shadcn-style number field component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/number-field.json

Pagination ui

A shadcn-style pagination component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/pagination.json

Password Input ui

A shadcn-style password input component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/password-input.json

Pin Input ui

A shadcn-style pin input component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/pin-input.json

Popover ui

A shadcn-style popover component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/popover.json

Progress Circular ui

A shadcn-style progress circular component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/progress-circular.json

Progress Linear ui

A shadcn-style progress linear component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/progress-linear.json

Qr Code ui

A shadcn-style qr code component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/qr-code.json

Radio Group ui

A shadcn-style radio group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/radio-group.json

Rating Group ui

A shadcn-style rating group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/rating-group.json

Scroll Area ui

A shadcn-style scroll area component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/scroll-area.json

Segment Group ui

A shadcn-style segment group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/segment-group.json

Select ui

A shadcn-style select component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/select.json

Separator ui

A shadcn-style separator component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/separator.json

Sheet ui

A shadcn-style sheet component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/sheet.json

Sidebar ui

A shadcn-style sidebar component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/sidebar.json

Signature Pad ui

A shadcn-style signature pad component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/signature-pad.json

Skeleton ui

Placeholder to show a loading state before content loads.

npx shadcn@latest add https://ark-cn.vercel.app/r/skeleton.json

Slider ui

A shadcn-style slider component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/slider.json

Spinner ui

A shadcn-style spinner component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/spinner.json

Splitter ui

A shadcn-style splitter component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/splitter.json

Steps ui

A shadcn-style steps component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/steps.json

Swap ui

A shadcn-style swap component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/swap.json

Switch ui

A shadcn-style switch component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/switch.json

Tabs ui

A shadcn-style tabs component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/tabs.json

Tags Input ui

A shadcn-style tags input component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/tags-input.json

Textarea ui

A shadcn-style textarea component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/textarea.json

Timer ui

A shadcn-style timer component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/timer.json

Toast ui

A shadcn-style toast component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/toast.json

Toggle ui

A shadcn-style toggle component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/toggle.json

Toggle Group ui

A shadcn-style toggle group component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/toggle-group.json

Tooltip ui

A shadcn-style tooltip component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/tooltip.json

Tour ui

A shadcn-style tour component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/tour.json

Tree View ui

A shadcn-style tree view component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/tree-view.json

Zoom Image ui

A shadcn-style zoom image component built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/zoom-image.json

Download Trigger ui

A shadcn-style download trigger utility built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/download-trigger.json

Focus Trap ui

A shadcn-style focus trap utility built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/focus-trap.json

Format ui

Shadcn-style format utilities (Byte, Time, RelativeTime) built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/format.json

Highlight ui

A shadcn-style text highlight utility built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/highlight.json

Locale Provider ui

A shadcn-style locale provider utility built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/locale.json

Presence ui

A shadcn-style presence utility built with Ark UI primitives.

npx shadcn@latest add https://ark-cn.vercel.app/r/presence.json