termcn — 专为 React 与 Web 打造的纯正终端风格组件库,融合 Ink 与 shadcn 规范。

专为 React 与 Web 打造的纯正终端风格组件库,融合 Ink 与 shadcn 规范。

包含组件

117
Aspect RatioBoxCenterColumnsDividerGridScroll ViewSpacerStackBadgeBig TextDigitsGradientHeadingLinkMarkdownTagEmail InputMasked InputNumber InputPassword InputPath InputSearch InputText AreaText InputCheckboxCheckbox GroupColor PickerMulti SelectRadio GroupSelectTag InputTree SelectCardData GridDefinitionDiff ViewDirectory TreeGit StatusJSONKey ValueListTableTreeVirtual ListAlertBannerMulti ProgressProgress BarProgress CircleSkeletonSpinnerStatus MessageToastBreadcrumbCommand PaletteMenuPaginationSidebarTabbed ContentTabsDialogDrawerModalNotification CenterPopoverTooltipConfirmDate PickerFile PickerFormForm FieldTime PickerWizardClipboardClockEmbedded TerminalError BoundaryHelpImageKeyboard ShortcutsLogPanelQR CodeStopwatchTimerToggleChat MessageChat ThreadConversation HistoryError RetryFile ChangeModel SelectorStreaming TextThinking BlockToken UsageTool ApprovalTool CallZenburnInkLayoutInputSelectionDataNavigationOverlaysFormsUtilityAIEdit this pageFollow @shadcnlabsJoin communityTerminal Window FrameASCII Command PromptANSI Log StreamerBlinking CursorCLI Options Selector

termcn 是一套将命令行与终端审美完美带入浏览器的专用 React 组件库。借鉴了 Ink 与 OpenTUI 的底层排版逻辑,并深度契合 shadcn 即拷即用分发模式,它提供了具有纯正等宽排版、ANSI 颜色渲染、闪烁光标与流水日志输出的终端交互卡片。