@taki

A shadcn/ui-compatible component library that swaps Radix UI primitives for Adobe React Aria Components while retaining shadcn/ui's design tokens and Tailwind styling. Provides the full familiar shadcn component set (Button, Input, Select, Dialog, Combobox, Calendar, DatePicker, Slider, Switch, Checkbox, RadioGroup, Tabs, Accordion, and more) re-implemented on React Aria's accessibility layer. Drop-in replacement aesthetic, deeper built-in ARIA pattern compliance. Free and open source. Use for: teams that need WAI-ARIA-correct components backed by React Aria's accessibility primitives while keeping the shadcn/ui visual language and Tailwind customization workflow.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://taki-ui.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://taki-ui.com/r/registry.json

bun bunx shadcn@latest add https://taki-ui.com/r/registry.json

fetch registry curl -s https://taki-ui.com/r/registry.json

Components

60 total

index style

npx shadcn@latest add https://taki-ui.com/r/index.json

style style

npx shadcn@latest add https://taki-ui.com/r/style.json

alert ui

npx shadcn@latest add https://taki-ui.com/r/alert.json

avatar ui

npx shadcn@latest add https://taki-ui.com/r/avatar.json

badge ui

npx shadcn@latest add https://taki-ui.com/r/badge.json

breadcrumb ui

npx shadcn@latest add https://taki-ui.com/r/breadcrumb.json

button ui

npx shadcn@latest add https://taki-ui.com/r/button.json

button-group ui

npx shadcn@latest add https://taki-ui.com/r/button-group.json

calendar ui

npx shadcn@latest add https://taki-ui.com/r/calendar.json

card ui

npx shadcn@latest add https://taki-ui.com/r/card.json

carousel ui

npx shadcn@latest add https://taki-ui.com/r/carousel.json

chart ui

npx shadcn@latest add https://taki-ui.com/r/chart.json

checkbox ui

npx shadcn@latest add https://taki-ui.com/r/checkbox.json

combobox ui

npx shadcn@latest add https://taki-ui.com/r/combobox.json

command ui

npx shadcn@latest add https://taki-ui.com/r/command.json

date-field ui

npx shadcn@latest add https://taki-ui.com/r/date-field.json

date-picker ui

npx shadcn@latest add https://taki-ui.com/r/date-picker.json

date-range-picker ui

npx shadcn@latest add https://taki-ui.com/r/date-range-picker.json

description ui

npx shadcn@latest add https://taki-ui.com/r/description.json

dialog ui

npx shadcn@latest add https://taki-ui.com/r/dialog.json

modal ui

npx shadcn@latest add https://taki-ui.com/r/modal.json

disclosure ui

npx shadcn@latest add https://taki-ui.com/r/disclosure.json

drawer ui

npx shadcn@latest add https://taki-ui.com/r/drawer.json

empty ui

npx shadcn@latest add https://taki-ui.com/r/empty.json

field ui

npx shadcn@latest add https://taki-ui.com/r/field.json

file-trigger ui

npx shadcn@latest add https://taki-ui.com/r/file-trigger.json

grid-list ui

npx shadcn@latest add https://taki-ui.com/r/grid-list.json

hover-card ui

npx shadcn@latest add https://taki-ui.com/r/hover-card.json

input ui

npx shadcn@latest add https://taki-ui.com/r/input.json

input-group ui

npx shadcn@latest add https://taki-ui.com/r/input-group.json

input-otp ui

npx shadcn@latest add https://taki-ui.com/r/input-otp.json

item ui

npx shadcn@latest add https://taki-ui.com/r/item.json

label ui

npx shadcn@latest add https://taki-ui.com/r/label.json

link-button ui

npx shadcn@latest add https://taki-ui.com/r/link-button.json

list-box ui

npx shadcn@latest add https://taki-ui.com/r/list-box.json

menu ui

npx shadcn@latest add https://taki-ui.com/r/menu.json

number-field ui

npx shadcn@latest add https://taki-ui.com/r/number-field.json

pagination ui

npx shadcn@latest add https://taki-ui.com/r/pagination.json

popover ui

npx shadcn@latest add https://taki-ui.com/r/popover.json

progress-bar ui

npx shadcn@latest add https://taki-ui.com/r/progress-bar.json

radio-group ui

npx shadcn@latest add https://taki-ui.com/r/radio-group.json

range-calendar ui

npx shadcn@latest add https://taki-ui.com/r/range-calendar.json

resizable ui

npx shadcn@latest add https://taki-ui.com/r/resizable.json

search-field ui

npx shadcn@latest add https://taki-ui.com/r/search-field.json

select ui

npx shadcn@latest add https://taki-ui.com/r/select.json

separator ui

npx shadcn@latest add https://taki-ui.com/r/separator.json

sheet ui

npx shadcn@latest add https://taki-ui.com/r/sheet.json

sidebar ui

npx shadcn@latest add https://taki-ui.com/r/sidebar.json

skeleton ui

npx shadcn@latest add https://taki-ui.com/r/skeleton.json

slider ui

npx shadcn@latest add https://taki-ui.com/r/slider.json

sonner ui

npx shadcn@latest add https://taki-ui.com/r/sonner.json

spinner ui

npx shadcn@latest add https://taki-ui.com/r/spinner.json

switch ui

npx shadcn@latest add https://taki-ui.com/r/switch.json

table ui

npx shadcn@latest add https://taki-ui.com/r/table.json

tag-group ui

npx shadcn@latest add https://taki-ui.com/r/tag-group.json

tabs ui

npx shadcn@latest add https://taki-ui.com/r/tabs.json

textarea ui

npx shadcn@latest add https://taki-ui.com/r/textarea.json

text-field ui

npx shadcn@latest add https://taki-ui.com/r/text-field.json

time-field ui

npx shadcn@latest add https://taki-ui.com/r/time-field.json

toggle-button ui

npx shadcn@latest add https://taki-ui.com/r/toggle-button.json