ActiveFeaturedComponent library (general)26
@taki
Component library (general) · MIT · data updated 2026-07-28
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.
accessibilityaestheticaiauthbackgroundsblocksbuttonscardschartscomponentsdashboarddesign-systemformshooksiconsloadersmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://taki-ui.com/r/registry.jsonHealth
StatusActive
Last commit3 months ago
LicenseMIT
Open issues5
ArchivedNo
Stars26
Components (540)
indexstylealertavatarbadgebreadcrumbbuttonbutton-groupcalendarcardcarouselchartcheckboxcomboboxcommanddate-fielddate-pickerdate-range-pickerdescriptiondialogmodaldisclosuredraweremptyfieldfile-triggergrid-listhover-cardinputinput-groupinput-otpitemlabellink-buttonlist-boxmenunumber-fieldpaginationpopoverprogress-barradio-grouprange-calendarresizablesearch-fieldselectseparatorsheetsidebarskeletonslidersonnerspinnerswitchtabletag-grouptabstextareatext-fieldtime-fieldtoggle-button
Components: index, style, alert, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, chart, checkbox, combobox, command, date-field, date-picker, date-range-picker, description, dialog, modal, disclosure, drawer, empty, field, file-trigger, grid-list, hover-card, input, input-group, input-otp, item, label, link-button, list-box, menu, number-field, pagination, popover, progress-bar, radio-group, range-calendar, resizable, search-field, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tag-group, tabs, textarea, text-field, time-field, toggle-button, toggle-button-group, tooltip, tree, kbd, actions, artifact, branch, canvas, chain-of-thought, code-block, connection, context, controls, conversation, edge, image, inline-citation, loader, message, node, open-in-chat, panel, plan, prompt-input, queue, reasoning, response, shimmer, sources, suggestion, task, toolbar, tool, web-preview, chart-area-axes, chart-area-default, chart-area-gradient, chart-area-icons, chart-area-interactive, chart-area-legend, chart-area-linear, chart-area-stacked-expand, chart-area-stacked, chart-area-step, chart-bar-active, chart-bar-default, chart-bar-horizontal, chart-bar-interactive, chart-bar-label-custom, chart-bar-label, chart-bar-mixed, chart-bar-multiple, chart-bar-negative, chart-bar-stacked, chart-line-default, chart-line-dots-colors, chart-line-dots-custom, chart-line-dots, chart-line-interactive, chart-line-label-custom, chart-line-label, chart-line-linear, chart-line-multiple, chart-line-step, chart-pie-donut-active, chart-pie-donut-text, chart-pie-donut, chart-pie-interactive, chart-pie-label-custom, chart-pie-label-list, chart-pie-label, chart-pie-legend, chart-pie-separator-none, chart-pie-simple, chart-pie-stacked, chart-radar-default, chart-radar-dots, chart-radar-grid-circle-fill, chart-radar-grid-circle-no-lines, chart-radar-grid-circle, chart-radar-grid-custom, chart-radar-grid-fill, chart-radar-grid-none, chart-radar-icons, chart-radar-label-custom, chart-radar-legend, chart-radar-lines-only, chart-radar-multiple, chart-radar-radius, chart-radial-grid, chart-radial-label, chart-radial-shape, chart-radial-simple, chart-radial-stacked, chart-radial-text, chart-tooltip-default, chart-tooltip-indicator-line, chart-tooltip-indicator-none, chart-tooltip-label-none, chart-tooltip-label-custom, chart-tooltip-label-formatter, chart-tooltip-formatter, chart-tooltip-icons, chart-tooltip-advanced, utils, use-controllable-state, use-mobile, theme-stone, theme-zinc, theme-neutral, theme-gray, theme-slate, alert-demo, alert-destructive, actions-demo, artifact-demo, branch-demo, chain-of-thought-demo, avatar-demo, badge-demo, badge-destructive, badge-link, badge-outline, badge-secondary, breadcrumb-demo, breadcrumb-separator, breadcrumb-dropdown, breadcrumb-ellipsis, breadcrumb-link, breadcrumb-responsive, button-demo, button-default, button-secondary, button-destructive, button-outline, button-ghost, button-link, button-with-icon, button-loading, button-icon, button-as-child, button-rounded, button-size, button-group-demo, button-group-dropdown, button-group-input, button-group-input-group, button-group-label, button-group-nested, button-group-orientation, button-group-popover, button-group-select, button-group-separator, button-group-size, button-group-split, calendar-demo, calendar-form, card-demo, card-with-form, carousel-demo, carousel-size, carousel-spacing, carousel-orientation, carousel-api, carousel-plugin, checkbox-demo, checkbox-disabled, checkbox-form-multiple, checkbox-form-single, checkbox-group-demo, checkbox-with-text, code-block-demo, code-block-custom-theme, code-block-diff, code-block-focus, code-block-highlight, code-block-highlight-word, code-block-multiple-files, code-block-no-header, code-block-no-line-numbers, code-block-no-syntax, context-demo, combobox-demo, combobox-sections, combobox-controlled, combobox-disabled, combobox-description, combobox-validation, conversation-demo, image-demo, inline-citation-demo, combobox-dropdown-menu, combobox-form, combobox-popover, combobox-responsive, command-demo, command-dialog, data-table-demo, date-field-demo, date-field-disabled, date-field-validation, date-field-controlled, date-field-min-max, date-field-granularity, date-picker-demo, date-picker-disabled, date-picker-validation, date-picker-controlled, date-picker-min-max, date-picker-granularity, date-picker-unavailable-dates, date-range-picker-demo, date-range-picker-disabled, date-range-picker-validation, date-range-picker-controlled, date-range-picker-min-max, date-range-picker-unavailable-dates, dialog-demo, dialog-close-button, dialog-alert, drawer-demo, empty-demo, empty-icon, empty-avatar, empty-avatar-group, empty-input-group, empty-outline, empty-background, field-demo, field-input, field-textarea, field-fieldset, field-radio, field-checkbox, field-switch, field-slider, field-select, field-choice-card, field-group, field-responsive, file-trigger-demo, file-trigger-multiple, file-trigger-image, file-trigger-directory, file-trigger-camera, form-rhf-input, form-rhf-select, form-rhf-checkbox, form-rhf-switch, form-rhf-textarea, form-rhf-radiogroup, form-rhf-array, form-rhf-complex, form-rhf-password, form-tanstack-demo, form-tanstack-input, form-tanstack-textarea, form-tanstack-select, form-tanstack-checkbox, form-tanstack-switch, form-tanstack-radiogroup, form-tanstack-array, form-tanstack-complex, drawer-dialog, grid-list-demo, grid-list-selection, grid-list-actions, grid-list-links, grid-list-disabled, grid-list-empty, hover-card-demo, input-demo, input-disabled, input-file, input-form, input-with-button, input-with-label, input-with-text, input-group-demo, input-group-label, input-group-text, input-group-tooltip, input-group-button, input-group-button-group, input-group-dropdown, input-group-spinner, input-group-textarea, input-group-icon, input-group-custom, input-otp-demo, input-otp-pattern, input-otp-separator, input-otp-controlled, input-otp-form, item-demo, item-size, item-variant, item-icon, item-image, item-avatar, item-group, item-header, item-dropdown, item-link, kbd-demo, kbd-tooltip, list-box-demo, list-box-multiple, list-box-sections, list-box-disabled, list-box-empty, list-box-links, list-box-dynamic, kbd-input-group, kbd-button, kbd-group, label-demo, loader-demo, open-in-chat-demo, plan-demo, prompt-input-demo, queue-demo, reasoning-demo, response-demo, sources-demo, task-demo, tool-demo, web-preview-demo, message-demo, message-flat, number-field-custom-steppers, number-field-demo, number-field-disabled, number-field-percentage, number-field-validation, number-field-with-description, pagination-demo, popover-demo, progress-bar-demo, progress-bar-indeterminatePreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.