Termcn

Overview

termcn is a collection of customizable, accessible terminal UI components for React, distributed through the shadcn CLI. It is built on two terminal renderers, Ink and OpenTUI, and most components come in both versions: the registry lists 344 items, 178 under ink/ and 166 under opentui/. It is built by Aniket Pawar and the source is on GitHub.

Components cover layout, forms, data display, charts and AI chat interfaces for CLI tools, along with hooks and providers for theming, motion, Unicode detection and accessibility. More than 40 color themes ship with it, including Catppuccin, Dracula, Nord, Tokyo Night, Gruvbox and Solarized. The site also has charts and templates sections.

Features

• Two renderers: Matching component sets for Ink and OpenTUI React.
• Layout: App shell, box, grid, columns, panel, sidebar, scroll view, tabs and modal.
• Forms and input: Text, password, masked, email, number, path and tag inputs, select, multi-select, date picker and a form field.
• Data display: Table, data grid, JSON viewer, key-value list, diff view, directory tree, git status and log.
• Charts: Bar, line and pie charts, heat map, sparkline and dithered chart variants.
• AI chat UI: Chat message, chat thread, conversation history, streaming text, model selector and tool call components.
• Theming: More than 40 themes through a theme provider, plus a high-contrast option.

Tech stack

• React, Ink, OpenTUI
• shadcn CLI registry

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @termcn/component-name