@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.
250 components react shadcn-cli MIT
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
250 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 toggle-button-group ui
npx shadcn@latest add https://taki-ui.com/r/toggle-button-group.json tooltip ui
npx shadcn@latest add https://taki-ui.com/r/tooltip.json tree ui
npx shadcn@latest add https://taki-ui.com/r/tree.json kbd ui
npx shadcn@latest add https://taki-ui.com/r/kbd.json actions ui
npx shadcn@latest add https://taki-ui.com/r/actions.json artifact ui
npx shadcn@latest add https://taki-ui.com/r/artifact.json branch ui
npx shadcn@latest add https://taki-ui.com/r/branch.json canvas ui
npx shadcn@latest add https://taki-ui.com/r/canvas.json chain-of-thought ui
npx shadcn@latest add https://taki-ui.com/r/chain-of-thought.json code-block ui
npx shadcn@latest add https://taki-ui.com/r/code-block.json connection ui
npx shadcn@latest add https://taki-ui.com/r/connection.json context ui
npx shadcn@latest add https://taki-ui.com/r/context.json controls ui
npx shadcn@latest add https://taki-ui.com/r/controls.json conversation ui
npx shadcn@latest add https://taki-ui.com/r/conversation.json edge ui
npx shadcn@latest add https://taki-ui.com/r/edge.json image ui
npx shadcn@latest add https://taki-ui.com/r/image.json inline-citation ui
npx shadcn@latest add https://taki-ui.com/r/inline-citation.json loader ui
npx shadcn@latest add https://taki-ui.com/r/loader.json message ui
npx shadcn@latest add https://taki-ui.com/r/message.json node ui
npx shadcn@latest add https://taki-ui.com/r/node.json open-in-chat ui
npx shadcn@latest add https://taki-ui.com/r/open-in-chat.json panel ui
npx shadcn@latest add https://taki-ui.com/r/panel.json plan ui
npx shadcn@latest add https://taki-ui.com/r/plan.json prompt-input ui
npx shadcn@latest add https://taki-ui.com/r/prompt-input.json queue ui
npx shadcn@latest add https://taki-ui.com/r/queue.json reasoning ui
npx shadcn@latest add https://taki-ui.com/r/reasoning.json response ui
npx shadcn@latest add https://taki-ui.com/r/response.json shimmer ui
npx shadcn@latest add https://taki-ui.com/r/shimmer.json sources ui
npx shadcn@latest add https://taki-ui.com/r/sources.json suggestion ui
npx shadcn@latest add https://taki-ui.com/r/suggestion.json task ui
npx shadcn@latest add https://taki-ui.com/r/task.json toolbar ui
npx shadcn@latest add https://taki-ui.com/r/toolbar.json tool ui
npx shadcn@latest add https://taki-ui.com/r/tool.json web-preview ui
npx shadcn@latest add https://taki-ui.com/r/web-preview.json chart-area-axes block
npx shadcn@latest add https://taki-ui.com/r/chart-area-axes.json chart-area-default block
npx shadcn@latest add https://taki-ui.com/r/chart-area-default.json chart-area-gradient block
npx shadcn@latest add https://taki-ui.com/r/chart-area-gradient.json chart-area-icons block
npx shadcn@latest add https://taki-ui.com/r/chart-area-icons.json chart-area-interactive block
npx shadcn@latest add https://taki-ui.com/r/chart-area-interactive.json chart-area-legend block
npx shadcn@latest add https://taki-ui.com/r/chart-area-legend.json chart-area-linear block
npx shadcn@latest add https://taki-ui.com/r/chart-area-linear.json chart-area-stacked-expand block
npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked-expand.json chart-area-stacked block
npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked.json chart-area-step block
npx shadcn@latest add https://taki-ui.com/r/chart-area-step.json chart-bar-active block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-active.json chart-bar-default block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-default.json chart-bar-horizontal block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-horizontal.json chart-bar-interactive block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-interactive.json chart-bar-label-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-label-custom.json chart-bar-label block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-label.json chart-bar-mixed block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-mixed.json chart-bar-multiple block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-multiple.json chart-bar-negative block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-negative.json chart-bar-stacked block
npx shadcn@latest add https://taki-ui.com/r/chart-bar-stacked.json chart-line-default block
npx shadcn@latest add https://taki-ui.com/r/chart-line-default.json chart-line-dots-colors block
npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-colors.json chart-line-dots-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-custom.json chart-line-dots block
npx shadcn@latest add https://taki-ui.com/r/chart-line-dots.json chart-line-interactive block
npx shadcn@latest add https://taki-ui.com/r/chart-line-interactive.json chart-line-label-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-line-label-custom.json chart-line-label block
npx shadcn@latest add https://taki-ui.com/r/chart-line-label.json chart-line-linear block
npx shadcn@latest add https://taki-ui.com/r/chart-line-linear.json chart-line-multiple block
npx shadcn@latest add https://taki-ui.com/r/chart-line-multiple.json chart-line-step block
npx shadcn@latest add https://taki-ui.com/r/chart-line-step.json chart-pie-donut-active block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-active.json chart-pie-donut-text block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-text.json chart-pie-donut block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut.json chart-pie-interactive block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-interactive.json chart-pie-label-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-custom.json chart-pie-label-list block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-list.json chart-pie-label block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-label.json chart-pie-legend block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-legend.json chart-pie-separator-none block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-separator-none.json chart-pie-simple block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-simple.json chart-pie-stacked block
npx shadcn@latest add https://taki-ui.com/r/chart-pie-stacked.json chart-radar-default block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-default.json chart-radar-dots block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-dots.json chart-radar-grid-circle-fill block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-fill.json chart-radar-grid-circle-no-lines block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-no-lines.json chart-radar-grid-circle block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle.json chart-radar-grid-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-custom.json chart-radar-grid-fill block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-fill.json chart-radar-grid-none block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-none.json chart-radar-icons block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-icons.json chart-radar-label-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-label-custom.json chart-radar-legend block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-legend.json chart-radar-lines-only block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-lines-only.json chart-radar-multiple block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-multiple.json chart-radar-radius block
npx shadcn@latest add https://taki-ui.com/r/chart-radar-radius.json chart-radial-grid block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-grid.json chart-radial-label block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-label.json chart-radial-shape block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-shape.json chart-radial-simple block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-simple.json chart-radial-stacked block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-stacked.json chart-radial-text block
npx shadcn@latest add https://taki-ui.com/r/chart-radial-text.json chart-tooltip-default block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-default.json chart-tooltip-indicator-line block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-line.json chart-tooltip-indicator-none block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-none.json chart-tooltip-label-none block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-none.json chart-tooltip-label-custom block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-custom.json chart-tooltip-label-formatter block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-formatter.json chart-tooltip-formatter block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-formatter.json chart-tooltip-icons block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-icons.json chart-tooltip-advanced block
npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-advanced.json utils lib
npx shadcn@latest add https://taki-ui.com/r/utils.json use-controllable-state hook
npx shadcn@latest add https://taki-ui.com/r/use-controllable-state.json use-mobile hook
npx shadcn@latest add https://taki-ui.com/r/use-mobile.json theme-stone theme
npx shadcn@latest add https://taki-ui.com/r/theme-stone.json theme-zinc theme
npx shadcn@latest add https://taki-ui.com/r/theme-zinc.json theme-neutral theme
npx shadcn@latest add https://taki-ui.com/r/theme-neutral.json theme-gray theme
npx shadcn@latest add https://taki-ui.com/r/theme-gray.json theme-slate theme
npx shadcn@latest add https://taki-ui.com/r/theme-slate.json alert-demo example
npx shadcn@latest add https://taki-ui.com/r/alert-demo.json alert-destructive example
npx shadcn@latest add https://taki-ui.com/r/alert-destructive.json actions-demo example
npx shadcn@latest add https://taki-ui.com/r/actions-demo.json artifact-demo example
npx shadcn@latest add https://taki-ui.com/r/artifact-demo.json branch-demo example
npx shadcn@latest add https://taki-ui.com/r/branch-demo.json chain-of-thought-demo example
npx shadcn@latest add https://taki-ui.com/r/chain-of-thought-demo.json avatar-demo example
npx shadcn@latest add https://taki-ui.com/r/avatar-demo.json badge-demo example
npx shadcn@latest add https://taki-ui.com/r/badge-demo.json badge-destructive example
npx shadcn@latest add https://taki-ui.com/r/badge-destructive.json badge-link example
npx shadcn@latest add https://taki-ui.com/r/badge-link.json badge-outline example
npx shadcn@latest add https://taki-ui.com/r/badge-outline.json badge-secondary example
npx shadcn@latest add https://taki-ui.com/r/badge-secondary.json breadcrumb-demo example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-demo.json breadcrumb-separator example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-separator.json breadcrumb-dropdown example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-dropdown.json breadcrumb-ellipsis example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-ellipsis.json breadcrumb-link example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-link.json breadcrumb-responsive example
npx shadcn@latest add https://taki-ui.com/r/breadcrumb-responsive.json button-demo example
npx shadcn@latest add https://taki-ui.com/r/button-demo.json button-default example
npx shadcn@latest add https://taki-ui.com/r/button-default.json button-secondary example
npx shadcn@latest add https://taki-ui.com/r/button-secondary.json button-destructive example
npx shadcn@latest add https://taki-ui.com/r/button-destructive.json button-outline example
npx shadcn@latest add https://taki-ui.com/r/button-outline.json button-ghost example
npx shadcn@latest add https://taki-ui.com/r/button-ghost.json button-link example
npx shadcn@latest add https://taki-ui.com/r/button-link.json button-with-icon example
npx shadcn@latest add https://taki-ui.com/r/button-with-icon.json button-loading example
npx shadcn@latest add https://taki-ui.com/r/button-loading.json button-icon example
npx shadcn@latest add https://taki-ui.com/r/button-icon.json button-as-child example
npx shadcn@latest add https://taki-ui.com/r/button-as-child.json button-rounded example
npx shadcn@latest add https://taki-ui.com/r/button-rounded.json button-size example
npx shadcn@latest add https://taki-ui.com/r/button-size.json button-group-demo example
npx shadcn@latest add https://taki-ui.com/r/button-group-demo.json button-group-dropdown example
npx shadcn@latest add https://taki-ui.com/r/button-group-dropdown.json button-group-input example
npx shadcn@latest add https://taki-ui.com/r/button-group-input.json button-group-input-group example
npx shadcn@latest add https://taki-ui.com/r/button-group-input-group.json button-group-label example
npx shadcn@latest add https://taki-ui.com/r/button-group-label.json button-group-nested example
npx shadcn@latest add https://taki-ui.com/r/button-group-nested.json button-group-orientation example
npx shadcn@latest add https://taki-ui.com/r/button-group-orientation.json button-group-popover example
npx shadcn@latest add https://taki-ui.com/r/button-group-popover.json button-group-select example
npx shadcn@latest add https://taki-ui.com/r/button-group-select.json button-group-separator example
npx shadcn@latest add https://taki-ui.com/r/button-group-separator.json button-group-size example
npx shadcn@latest add https://taki-ui.com/r/button-group-size.json button-group-split example
npx shadcn@latest add https://taki-ui.com/r/button-group-split.json calendar-demo example
npx shadcn@latest add https://taki-ui.com/r/calendar-demo.json calendar-form example
npx shadcn@latest add https://taki-ui.com/r/calendar-form.json card-demo example
npx shadcn@latest add https://taki-ui.com/r/card-demo.json card-with-form example
npx shadcn@latest add https://taki-ui.com/r/card-with-form.json carousel-demo example
npx shadcn@latest add https://taki-ui.com/r/carousel-demo.json carousel-size example
npx shadcn@latest add https://taki-ui.com/r/carousel-size.json carousel-spacing example
npx shadcn@latest add https://taki-ui.com/r/carousel-spacing.json carousel-orientation example
npx shadcn@latest add https://taki-ui.com/r/carousel-orientation.json carousel-api example
npx shadcn@latest add https://taki-ui.com/r/carousel-api.json carousel-plugin example
npx shadcn@latest add https://taki-ui.com/r/carousel-plugin.json checkbox-demo example
npx shadcn@latest add https://taki-ui.com/r/checkbox-demo.json checkbox-disabled example
npx shadcn@latest add https://taki-ui.com/r/checkbox-disabled.json checkbox-form-multiple example
npx shadcn@latest add https://taki-ui.com/r/checkbox-form-multiple.json checkbox-form-single example
npx shadcn@latest add https://taki-ui.com/r/checkbox-form-single.json checkbox-group-demo example
npx shadcn@latest add https://taki-ui.com/r/checkbox-group-demo.json checkbox-with-text example
npx shadcn@latest add https://taki-ui.com/r/checkbox-with-text.json code-block-demo example
npx shadcn@latest add https://taki-ui.com/r/code-block-demo.json code-block-custom-theme example
npx shadcn@latest add https://taki-ui.com/r/code-block-custom-theme.json code-block-diff example
npx shadcn@latest add https://taki-ui.com/r/code-block-diff.json code-block-focus example
npx shadcn@latest add https://taki-ui.com/r/code-block-focus.json code-block-highlight example
npx shadcn@latest add https://taki-ui.com/r/code-block-highlight.json code-block-highlight-word example
npx shadcn@latest add https://taki-ui.com/r/code-block-highlight-word.json code-block-multiple-files example
npx shadcn@latest add https://taki-ui.com/r/code-block-multiple-files.json code-block-no-header example
npx shadcn@latest add https://taki-ui.com/r/code-block-no-header.json code-block-no-line-numbers example
npx shadcn@latest add https://taki-ui.com/r/code-block-no-line-numbers.json code-block-no-syntax example
npx shadcn@latest add https://taki-ui.com/r/code-block-no-syntax.json context-demo example
npx shadcn@latest add https://taki-ui.com/r/context-demo.json combobox-demo example
npx shadcn@latest add https://taki-ui.com/r/combobox-demo.json combobox-sections example
npx shadcn@latest add https://taki-ui.com/r/combobox-sections.json combobox-controlled example
npx shadcn@latest add https://taki-ui.com/r/combobox-controlled.json combobox-disabled example
npx shadcn@latest add https://taki-ui.com/r/combobox-disabled.json combobox-description example
npx shadcn@latest add https://taki-ui.com/r/combobox-description.json combobox-validation example
npx shadcn@latest add https://taki-ui.com/r/combobox-validation.json conversation-demo example
npx shadcn@latest add https://taki-ui.com/r/conversation-demo.json image-demo example
npx shadcn@latest add https://taki-ui.com/r/image-demo.json