ActiveAI/chat UIpro available0
@yukihi
AI/chat UI · MIT · data updated 2026-10-27
An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.
accessibilityaiblocksbuttonscardsdashboarddesign-systemformshooksiconsloadersmediamobilenavigationoverlayspro-availabletablestheming
Install
npx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars0
Components (242)
design-system-stylesutilsuse-mobileaccordionalert-dialogalertavatarbadgebreadcrumbbuttoncalendarcardcheckboxcollapsiblecomboboxdate-pickerdialogdropdown-menufile-uploadicon-buttoninput-groupinputlabelnavigation-menupaginationpopoverprogressradio-groupselectseparatorsheetsidebarskeletonslidersonnerspinnerswitchtabletabstextareatoasttoggle-grouptoggletooltiptheme-providerassistant-cardempty-statefriendly-tooltipmessage-bubblesoft-noticesuggestion-chipcharacter-iconsapp-shellassistant-paneldata-tableerror-stateform-fieldloading-statepage-headersearch-field
Components: design-system-styles, utils, use-mobile, accordion, alert-dialog, alert, avatar, badge, breadcrumb, button, calendar, card, checkbox, collapsible, combobox, date-picker, dialog, dropdown-menu, file-upload, icon-button, input-group, input, label, navigation-menu, pagination, popover, progress, radio-group, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toast, toggle-group, toggle, tooltip, theme-provider, assistant-card, empty-state, friendly-tooltip, message-bubble, soft-notice, suggestion-chip, character-icons, app-shell, assistant-panel, data-table, error-state, form-field, loading-state, page-header, search-field, settings-section, table-toolbar, dashboard-page, collection-page, detail-page, edit-page, settings-page, step-form, task-workflow-page, result-page, icon-frame, assembly-document-feature-icon, assembly-history-feature-icon, assembly-idea-feature-icon, assembly-saved-status-icon, assembly-success-character-icon, assembly-thinking-character-icon, assembly-thinking-status-icon, assembly-welcome-character-icon, fold-document-feature-icon, fold-history-feature-icon, fold-idea-feature-icon, fold-saved-status-icon, fold-success-character-icon, fold-thinking-character-icon, fold-thinking-status-icon, fold-welcome-character-icon, impress-document-feature-icon, impress-history-feature-icon, impress-idea-feature-icon, impress-saved-status-icon, impress-success-character-icon, impress-thinking-character-icon, impress-thinking-status-icon, impress-welcome-character-icon, ink-document-feature-icon, ink-history-feature-icon, ink-idea-feature-icon, ink-saved-status-icon, ink-success-character-icon, ink-thinking-character-icon, ink-thinking-status-icon, ink-welcome-character-icon, monolith-document-feature-icon, monolith-history-feature-icon, monolith-idea-feature-icon, monolith-saved-status-icon, monolith-success-character-icon, monolith-thinking-character-icon, monolith-thinking-status-icon, monolith-welcome-character-icon, orbit-document-feature-icon, orbit-history-feature-icon, orbit-idea-feature-icon, orbit-saved-status-icon, orbit-success-character-icon, orbit-thinking-character-icon, orbit-thinking-status-icon, orbit-welcome-character-icon, icons, design-system, cobalt-design-system-styles, cobalt-utils, cobalt-use-mobile, cobalt-button, cobalt-card, cobalt-input, cobalt-alert, cobalt-badge, cobalt-breadcrumb, cobalt-checkbox, cobalt-icon-button, cobalt-sheet, cobalt-skeleton, cobalt-spinner, cobalt-table, cobalt-dialog, cobalt-label, cobalt-textarea, cobalt-select, cobalt-alert-dialog, cobalt-sonner, cobalt-toast, cobalt-switch, cobalt-radio-group, cobalt-slider, cobalt-toggle, cobalt-toggle-group, cobalt-input-group, cobalt-combobox, cobalt-calendar, cobalt-date-picker, cobalt-file-upload, cobalt-popover, cobalt-accordion, cobalt-avatar, cobalt-collapsible, cobalt-dropdown-menu, cobalt-navigation-menu, cobalt-pagination, cobalt-progress, cobalt-separator, cobalt-sidebar, cobalt-tabs, cobalt-tooltip, cobalt-theme-provider, cobalt-assistant-card, cobalt-empty-state, cobalt-friendly-tooltip, cobalt-message-bubble, cobalt-soft-notice, cobalt-suggestion-chip, cobalt-character-icons, cobalt-app-shell, cobalt-collection-page, cobalt-data-table, cobalt-error-state, cobalt-loading-state, cobalt-page-header, cobalt-search-field, cobalt-table-toolbar, cobalt-form-field, cobalt-edit-page, cobalt-assistant-panel, cobalt-settings-section, cobalt-dashboard-page, cobalt-detail-page, cobalt-settings-page, cobalt-step-form, cobalt-task-workflow-page, cobalt-result-page, cobalt-icon-frame, cobalt-assembly-document-feature-icon, cobalt-assembly-history-feature-icon, cobalt-assembly-idea-feature-icon, cobalt-assembly-saved-status-icon, cobalt-assembly-success-character-icon, cobalt-assembly-thinking-character-icon, cobalt-assembly-thinking-status-icon, cobalt-assembly-welcome-character-icon, cobalt-fold-document-feature-icon, cobalt-fold-history-feature-icon, cobalt-fold-idea-feature-icon, cobalt-fold-saved-status-icon, cobalt-fold-success-character-icon, cobalt-fold-thinking-character-icon, cobalt-fold-thinking-status-icon, cobalt-fold-welcome-character-icon, cobalt-impress-document-feature-icon, cobalt-impress-history-feature-icon, cobalt-impress-idea-feature-icon, cobalt-impress-saved-status-icon, cobalt-impress-success-character-icon, cobalt-impress-thinking-character-icon, cobalt-impress-thinking-status-icon, cobalt-impress-welcome-character-icon, cobalt-ink-document-feature-icon, cobalt-ink-history-feature-icon, cobalt-ink-idea-feature-icon, cobalt-ink-saved-status-icon, cobalt-ink-success-character-icon, cobalt-ink-thinking-character-icon, cobalt-ink-thinking-status-icon, cobalt-ink-welcome-character-icon, cobalt-monolith-document-feature-icon, cobalt-monolith-history-feature-icon, cobalt-monolith-idea-feature-icon, cobalt-monolith-saved-status-icon, cobalt-monolith-success-character-icon, cobalt-monolith-thinking-character-icon, cobalt-monolith-thinking-status-icon, cobalt-monolith-welcome-character-icon, cobalt-orbit-document-feature-icon, cobalt-orbit-history-feature-icon, cobalt-orbit-idea-feature-icon, cobalt-orbit-saved-status-icon, cobalt-orbit-success-character-icon, cobalt-orbit-thinking-character-icon, cobalt-orbit-thinking-status-icon, cobalt-orbit-welcome-character-icon, cobalt-icons, cobalt-design-systemPreview
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.
@yukihi · design-system-styles
npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system-styles.jsonView source