sh4dcnv2 · atlas
← libraries

@yukihi

An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.

112 components pro available react shadcn-cli MIT
website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
pnpm pnpm dlx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
bun bunx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
fetch registry curl -s https://design.yukihi.tokyo/v1/r/registry.json

Components

112 total
Design System Styles style

Token CSS, Tailwind v4 adapter, and shared component styles.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system-styles.json
Utilities lib

Class-name utility.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/utils.json
Design Theme Provider component

Scoped theme and portal color inheritance.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/theme-provider.json
Mobile Hook hook

Responsive mobile-state hook.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/use-mobile.json
Icon Frame component

Shared frame for approved SVG artwork.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-frame.json
AssemblyDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-document-feature-icon.json
AssemblyHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-history-feature-icon.json
AssemblyIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-idea-feature-icon.json
AssemblySavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-saved-status-icon.json
AssemblySuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-success-character-icon.json
AssemblyThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-character-icon.json
AssemblyThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-status-icon.json
AssemblyWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-welcome-character-icon.json
FoldDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-document-feature-icon.json
FoldHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-history-feature-icon.json
FoldIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-idea-feature-icon.json
FoldSavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-saved-status-icon.json
FoldSuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-success-character-icon.json
FoldThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-character-icon.json
FoldThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-status-icon.json
FoldWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-welcome-character-icon.json
ImpressDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-document-feature-icon.json
ImpressHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-history-feature-icon.json
ImpressIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-idea-feature-icon.json
ImpressSavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-saved-status-icon.json
ImpressSuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-success-character-icon.json
ImpressThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-character-icon.json
ImpressThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-status-icon.json
ImpressWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-welcome-character-icon.json
InkDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-document-feature-icon.json
InkHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-history-feature-icon.json
InkIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-idea-feature-icon.json
InkSavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-saved-status-icon.json
InkSuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-success-character-icon.json
InkThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-character-icon.json
InkThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-status-icon.json
InkWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-welcome-character-icon.json
MonolithDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-document-feature-icon.json
MonolithHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-history-feature-icon.json
MonolithIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-idea-feature-icon.json
MonolithSavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-saved-status-icon.json
MonolithSuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-success-character-icon.json
MonolithThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-character-icon.json
MonolithThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-status-icon.json
MonolithWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-welcome-character-icon.json
OrbitDocumentFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-document-feature-icon.json
OrbitHistoryFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-history-feature-icon.json
OrbitIdeaFeatureIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-idea-feature-icon.json
OrbitSavedStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-saved-status-icon.json
OrbitSuccessCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-success-character-icon.json
OrbitThinkingCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-character-icon.json
OrbitThinkingStatusIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-status-icon.json
OrbitWelcomeCharacterIcon component

Approved standalone SVG icon.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-welcome-character-icon.json
accordion ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/accordion.json
alert-dialog ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert-dialog.json
alert ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert.json
avatar ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/avatar.json
badge ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/badge.json
breadcrumb ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/breadcrumb.json
button ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/button.json
calendar ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/calendar.json
card ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/card.json
checkbox ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/checkbox.json
collapsible ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/collapsible.json
combobox ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/combobox.json
date-picker ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/date-picker.json
dialog ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dialog.json
dropdown-menu ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dropdown-menu.json
file-upload ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/file-upload.json
icon-button ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-button.json
input-group ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input-group.json
input ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input.json
label ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/label.json
navigation-menu ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/navigation-menu.json
pagination ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/pagination.json
popover ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/popover.json
progress ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/progress.json
radio-group ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/radio-group.json
select ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/select.json
separator ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/separator.json
sheet ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sheet.json
sidebar ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sidebar.json
skeleton ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/skeleton.json
slider ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/slider.json
sonner ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sonner.json
spinner ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/spinner.json
switch ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/switch.json
table ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table.json
tabs ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tabs.json
textarea ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/textarea.json
toast ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toast.json
toggle-group ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle-group.json
toggle ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle.json
tooltip ui

Design system ui component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tooltip.json
assistant-card component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-card.json
empty-state component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/empty-state.json
friendly-tooltip component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/friendly-tooltip.json
message-bubble component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/message-bubble.json
soft-notice component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/soft-notice.json
suggestion-chip component

Design system character component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/suggestion-chip.json
app-shell component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/app-shell.json
assistant-panel component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-panel.json
data-table component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/data-table.json
error-state component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/error-state.json
form-field component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/form-field.json
loading-state component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/loading-state.json
page-header component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/page-header.json
search-field component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/search-field.json
settings-section component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/settings-section.json
table-toolbar component

Design system patterns component.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table-toolbar.json
Dynamic Character Icons component

Dynamic six-direction character/status API and all approved artwork variants.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/character-icons.json
Complete Design System item

All Foundation, Character, Pattern, and approved icon items.

npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system.json