Terminal UI components for React, built on Ink, OpenTUI, and shadcn conventions.
Included Components
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 provides developers with genuine terminal and command-line style components designed for the browser. Drawing architecture from Ink and OpenTUI while adhering to shadcn copy-paste norms, termcn lets you embed interactive ASCII windows, ANSI logs, and shell prompts directly in React apps.
