sh4dcnv2 · atlas
← libraries

@kanpeki

Kanpeki is a copy-paste component collection (not an npm package) built on React Aria Components and styled with Tailwind CSS, following the same ethos as shadcn/ui but replacing Radix UI with React Aria for superior accessibility. Ships 50+ components including Accordion, Autocomplete, Calendar, Chart, Combobox, Data Table, Date Picker, Dropzone, Input OTP, List Box, Pagination, Toast, and Toggle Group, plus full form-builder support and dark mode. Beta stage. Use for: projects that require WCAG-compliant, keyboard-navigable components grounded in React Aria rather than Radix, while keeping the shadcn copy-paste ownership model.

60 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://kanpeki.vercel.app/r/registry.json
pnpm pnpm dlx shadcn@latest add https://kanpeki.vercel.app/r/registry.json
bun bunx shadcn@latest add https://kanpeki.vercel.app/r/registry.json
fetch registry curl -s https://kanpeki.vercel.app/r/registry.json

Components

60 total
accordion ui
npx shadcn@latest add https://kanpeki.vercel.app/r/accordion.json
alert ui
npx shadcn@latest add https://kanpeki.vercel.app/r/alert.json
aspect-ratio ui
npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio.json
autocomplete ui
npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete.json
avatar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/avatar.json
badge ui
npx shadcn@latest add https://kanpeki.vercel.app/r/badge.json
breadcrumb ui
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb.json
button ui
npx shadcn@latest add https://kanpeki.vercel.app/r/button.json
button-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group.json
calendar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/calendar.json
card ui
npx shadcn@latest add https://kanpeki.vercel.app/r/card.json
carousel ui
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel.json
chart ui
npx shadcn@latest add https://kanpeki.vercel.app/r/chart.json
checkbox ui
npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox.json
collapsible ui
npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible.json
combobox ui
npx shadcn@latest add https://kanpeki.vercel.app/r/combobox.json
date-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/date-field.json
date-picker ui
npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker.json
dialog ui
npx shadcn@latest add https://kanpeki.vercel.app/r/dialog.json
drawer ui
npx shadcn@latest add https://kanpeki.vercel.app/r/drawer.json
dropzone ui
npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone.json
field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/field.json
form ui
npx shadcn@latest add https://kanpeki.vercel.app/r/form.json
input ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input.json
input-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group.json
input-otp ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp.json
keyboard ui
npx shadcn@latest add https://kanpeki.vercel.app/r/keyboard.json
label ui
npx shadcn@latest add https://kanpeki.vercel.app/r/label.json
link ui
npx shadcn@latest add https://kanpeki.vercel.app/r/link.json
link-button ui
npx shadcn@latest add https://kanpeki.vercel.app/r/link-button.json
list-box ui
npx shadcn@latest add https://kanpeki.vercel.app/r/list-box.json
menu ui
npx shadcn@latest add https://kanpeki.vercel.app/r/menu.json
number-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/number-field.json
pagination ui
npx shadcn@latest add https://kanpeki.vercel.app/r/pagination.json
popover ui
npx shadcn@latest add https://kanpeki.vercel.app/r/popover.json
progress ui
npx shadcn@latest add https://kanpeki.vercel.app/r/progress.json
radio-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group.json
resizable ui
npx shadcn@latest add https://kanpeki.vercel.app/r/resizable.json
scroll-area ui
npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area.json
search-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/search-field.json
select ui
npx shadcn@latest add https://kanpeki.vercel.app/r/select.json
separator ui
npx shadcn@latest add https://kanpeki.vercel.app/r/separator.json
sheet ui
npx shadcn@latest add https://kanpeki.vercel.app/r/sheet.json
sidebar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/sidebar.json
skeleton ui
npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton.json
slider ui
npx shadcn@latest add https://kanpeki.vercel.app/r/slider.json
spinner ui
npx shadcn@latest add https://kanpeki.vercel.app/r/spinner.json
switch ui
npx shadcn@latest add https://kanpeki.vercel.app/r/switch.json
table ui
npx shadcn@latest add https://kanpeki.vercel.app/r/table.json
tabs ui
npx shadcn@latest add https://kanpeki.vercel.app/r/tabs.json
textarea ui
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea.json
text-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/text-field.json
toast ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toast.json
toggle ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle.json
toggle-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group.json
tooltip ui
npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip.json
cva lib
npx shadcn@latest add https://kanpeki.vercel.app/r/cva.json
use-is-mobile hook
npx shadcn@latest add https://kanpeki.vercel.app/r/use-is-mobile.json
accordion-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/accordion-demo.json
alert-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/alert-demo.json