sh4dcnv2 · atlas
← libraries

@termcn

A shadcn/ui-compatible registry of terminal-style UI components for React, built on Ink and OpenTUI for full terminal rendering. Components span charts and data (bar charts, line charts, gauges, heat maps), AI/chat (chat messages, tool approvals, streaming text, thinking blocks), and navigation (command palettes, tabs, menus, sidebars, pagination). Shares the same registry format and CLI as shadcn/ui. Theme-aware, zero-config, free and open source (MIT). Use for: building terminal UIs, CLI tools with rich visual output, or embedding terminal-aesthetic widgets inside web apps that need streaming AI output or chart visualizations.

250 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://termcn.vercel.app/r/registry.json
pnpm pnpm dlx shadcn@latest add https://termcn.vercel.app/r/registry.json
bun bunx shadcn@latest add https://termcn.vercel.app/r/registry.json
fetch registry curl -s https://termcn.vercel.app/r/registry.json

Components

250 total
Types file

Shared terminal theme and provider types.

npx shadcn@latest add https://termcn.vercel.app/r/ink/types.json
Alert ui

Alert box with success/error/warning/info variants

npx shadcn@latest add https://termcn.vercel.app/r/ink/alert.json
App Shell ui

Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer

npx shadcn@latest add https://termcn.vercel.app/r/ink/app-shell.json
Aspect Ratio ui

Constrains children to a given aspect ratio

npx shadcn@latest add https://termcn.vercel.app/r/ink/aspect-ratio.json
Badge ui

Semantic status indicator badge (success/error/warning/info)

npx shadcn@latest add https://termcn.vercel.app/r/ink/badge.json
Banner ui

Full-width announcement banner

npx shadcn@latest add https://termcn.vercel.app/r/ink/banner.json
Bar Chart ui

Horizontal and vertical bar chart with labels

npx shadcn@latest add https://termcn.vercel.app/r/ink/bar-chart.json
Big Text ui

Figlet-style large ASCII art text

npx shadcn@latest add https://termcn.vercel.app/r/ink/big-text.json
Box ui

Enhanced flexbox container with theme-aware borders

npx shadcn@latest add https://termcn.vercel.app/r/ink/box.json
Breadcrumb ui

Breadcrumb navigation trail

npx shadcn@latest add https://termcn.vercel.app/r/ink/breadcrumb.json
Bullet List ui

Nested structured content with ●/└/□ bullet prefixes

npx shadcn@latest add https://termcn.vercel.app/r/ink/bullet-list.json
Card ui

Card with header, body, and footer slots

npx shadcn@latest add https://termcn.vercel.app/r/ink/card.json
Center ui

Centers children horizontally and vertically

npx shadcn@latest add https://termcn.vercel.app/r/ink/center.json
Chat Message ui

Chat message bubble with role label, streaming indicator, and collapsible content

npx shadcn@latest add https://termcn.vercel.app/r/ink/chat-message.json
Chat Thread ui

Scrollable container for stacking ChatMessage components in a conversation thread

npx shadcn@latest add https://termcn.vercel.app/r/ink/chat-thread.json
Checkbox ui

Checkbox with indeterminate state

npx shadcn@latest add https://termcn.vercel.app/r/ink/checkbox.json
Checkbox Group ui

Checkbox group with min/max selection

npx shadcn@latest add https://termcn.vercel.app/r/ink/checkbox-group.json
Clipboard ui

Copy-to-clipboard button with success feedback

npx shadcn@latest add https://termcn.vercel.app/r/ink/clipboard.json
Clock ui

Real-time clock display with 12h/24h and date

npx shadcn@latest add https://termcn.vercel.app/r/ink/clock.json
Code ui

Syntax-highlighted code block (50+ languages)

npx shadcn@latest add https://termcn.vercel.app/r/ink/code.json
Color Picker ui

Color picker with palette, hex, and RGB input

npx shadcn@latest add https://termcn.vercel.app/r/ink/color-picker.json
Columns ui

Multi-column layout with configurable widths

npx shadcn@latest add https://termcn.vercel.app/r/ink/columns.json
Command Palette ui

VS Code–style command palette with fuzzy search

npx shadcn@latest add https://termcn.vercel.app/r/ink/command-palette.json
Confirm ui

Yes/No confirmation prompt

npx shadcn@latest add https://termcn.vercel.app/r/ink/confirm.json
Conversation History ui

Arrow-key scrollable stack for long assistant threads with optional hint

npx shadcn@latest add https://termcn.vercel.app/r/ink/conversation-history.json
Data Grid ui

Advanced data grid with sorting, filtering, pagination, and cell editing

npx shadcn@latest add https://termcn.vercel.app/r/ink/data-grid.json
Date Picker ui

Calendar date picker with keyboard navigation

npx shadcn@latest add https://termcn.vercel.app/r/ink/date-picker.json
Definition ui

Term–description definition list

npx shadcn@latest add https://termcn.vercel.app/r/ink/definition.json
Dialog ui

Confirmation dialog with OK/Cancel actions

npx shadcn@latest add https://termcn.vercel.app/r/ink/dialog.json
Diff View ui

Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers

npx shadcn@latest add https://termcn.vercel.app/r/ink/diff-view.json
Digits ui

Box-drawing character numerals

npx shadcn@latest add https://termcn.vercel.app/r/ink/digits.json
Directory Tree ui

Filesystem browser with expand/collapse

npx shadcn@latest add https://termcn.vercel.app/r/ink/directory-tree.json
Dither Area Chart ui

Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-area-chart.json
Dither Bar Chart ui

Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-bar-chart.json
Dither Line Chart ui

Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-line-chart.json
Dither Pie Chart ui

Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-pie-chart.json
Dither Radar Chart ui

Dithered radar charts for comparing multiple series across terminal-friendly radial axes

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-radar-chart.json
Dither Sparkline ui

Compact dithered sparklines for terminal dashboards, summaries, and inline metrics

npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-sparkline.json
Divider ui

Horizontal or vertical divider / rule

npx shadcn@latest add https://termcn.vercel.app/r/ink/divider.json
Drawer ui

Slide-in panel from any edge

npx shadcn@latest add https://termcn.vercel.app/r/ink/drawer.json
Email Input ui

Email input with validation and domain suggestions

npx shadcn@latest add https://termcn.vercel.app/r/ink/email-input.json
Embedded Terminal ui

Embedded PTY terminal panel (requires node-pty peer)

npx shadcn@latest add https://termcn.vercel.app/r/ink/embedded-terminal.json
Error Boundary ui

React error boundary with graceful terminal display

npx shadcn@latest add https://termcn.vercel.app/r/ink/error-boundary.json
Error Retry ui

Inline error panel with retry, dismiss, and max-retry guard

npx shadcn@latest add https://termcn.vercel.app/r/ink/error-retry.json
File Change ui

Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut

npx shadcn@latest add https://termcn.vercel.app/r/ink/file-change.json
File Picker ui

Interactive file browser and picker

npx shadcn@latest add https://termcn.vercel.app/r/ink/file-picker.json
Form ui

Form container with validation, Ctrl+S submit, and dirty tracking

npx shadcn@latest add https://termcn.vercel.app/r/ink/form.json
Form Field ui

Form field wrapper with label, hint, and error

npx shadcn@latest add https://termcn.vercel.app/r/ink/form-field.json
Gauge ui

Arc/speedometer gauge meter

npx shadcn@latest add https://termcn.vercel.app/r/ink/gauge.json
Git Status ui

Git status display (branch, staged, modified, ahead/behind)

npx shadcn@latest add https://termcn.vercel.app/r/ink/git-status.json
Gradient ui

Color gradient text

npx shadcn@latest add https://termcn.vercel.app/r/ink/gradient.json
Grid ui

Rows × columns grid layout

npx shadcn@latest add https://termcn.vercel.app/r/ink/grid.json
Heading ui

h1–h4 styled headings with optional figlet ASCII art

npx shadcn@latest add https://termcn.vercel.app/r/ink/heading.json
Heat Map ui

Grid heatmap with color intensity scale

npx shadcn@latest add https://termcn.vercel.app/r/ink/heat-map.json
Help ui

Auto-generated help panel from a keymap

npx shadcn@latest add https://termcn.vercel.app/r/ink/help.json
Help Screen ui

Figlet banner + tagline + aligned Options/Commands help sections

npx shadcn@latest add https://termcn.vercel.app/r/ink/help-screen.json
Image ui

Image renderer with iTerm2/Kitty protocol and ASCII fallback

npx shadcn@latest add https://termcn.vercel.app/r/ink/image.json
Info Box ui

Bordered info panel with header, key-value rows, and tree-prefix rows

npx shadcn@latest add https://termcn.vercel.app/r/ink/info-box.json
JSON ui

Pretty-printed JSON with collapsible nodes

npx shadcn@latest add https://termcn.vercel.app/r/ink/json.json
Key Value ui

Aligned key–value pairs

npx shadcn@latest add https://termcn.vercel.app/r/ink/key-value.json
Keyboard Shortcuts ui

Formatted keyboard shortcut reference table

npx shadcn@latest add https://termcn.vercel.app/r/ink/keyboard-shortcuts.json
Line Chart ui

ASCII line chart with axes and multi-series support

npx shadcn@latest add https://termcn.vercel.app/r/ink/line-chart.json
Link ui

OSC 8 clickable hyperlink

npx shadcn@latest add https://termcn.vercel.app/r/ink/link.json
List ui

Navigable list with optional filtering

npx shadcn@latest add https://termcn.vercel.app/r/ink/list.json
Log ui

Scrolling log viewer with severity levels and filtering

npx shadcn@latest add https://termcn.vercel.app/r/ink/log.json
Login Flow ui

Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select

npx shadcn@latest add https://termcn.vercel.app/r/ink/login-flow.json
Markdown ui

Full markdown renderer for terminal

npx shadcn@latest add https://termcn.vercel.app/r/ink/markdown.json
Masked Input ui

Masked input for phone, date, credit card formats

npx shadcn@latest add https://termcn.vercel.app/r/ink/masked-input.json
Menu ui

Dropdown menu with nested submenus

npx shadcn@latest add https://termcn.vercel.app/r/ink/menu.json
Modal ui

Focus-trapped overlay modal, close with Esc

npx shadcn@latest add https://termcn.vercel.app/r/ink/modal.json
Model Selector ui

Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display

npx shadcn@latest add https://termcn.vercel.app/r/ink/model-selector.json
Multi Progress ui

Parallel progress display for package managers, build pipelines, and deploy tools

npx shadcn@latest add https://termcn.vercel.app/r/ink/multi-progress.json
Multi Select ui

Multi-select list with checkboxes and select-all

npx shadcn@latest add https://termcn.vercel.app/r/ink/multi-select.json
Notification Center block

Persistent queue-based notification panel with useNotifications hook

npx shadcn@latest add https://termcn.vercel.app/r/ink/notification-center.json
Number Input ui

Numeric input with increment/decrement and bounds

npx shadcn@latest add https://termcn.vercel.app/r/ink/number-input.json
Types file

Shared terminal theme and provider types.

npx shadcn@latest add https://termcn.vercel.app/r/opentui/types.json
Alert ui

Alert box with success/error/warning/info variants

npx shadcn@latest add https://termcn.vercel.app/r/opentui/alert.json
App Shell ui

Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer

npx shadcn@latest add https://termcn.vercel.app/r/opentui/app-shell.json
Aspect Ratio ui

Constrains children to a given aspect ratio

npx shadcn@latest add https://termcn.vercel.app/r/opentui/aspect-ratio.json
Badge ui

Semantic status indicator badge (success/error/warning/info)

npx shadcn@latest add https://termcn.vercel.app/r/opentui/badge.json
Banner ui

Full-width announcement banner

npx shadcn@latest add https://termcn.vercel.app/r/opentui/banner.json
Bar Chart ui

Horizontal and vertical bar chart with labels

npx shadcn@latest add https://termcn.vercel.app/r/opentui/bar-chart.json
Big Text ui

Figlet-style large ASCII art text

npx shadcn@latest add https://termcn.vercel.app/r/opentui/big-text.json
Box ui

Enhanced flexbox container with theme-aware borders

npx shadcn@latest add https://termcn.vercel.app/r/opentui/box.json
Breadcrumb ui

Breadcrumb navigation trail

npx shadcn@latest add https://termcn.vercel.app/r/opentui/breadcrumb.json
Bullet List ui

Nested structured content with ●/└/□ bullet prefixes

npx shadcn@latest add https://termcn.vercel.app/r/opentui/bullet-list.json
Card ui

Card with header, body, and footer slots

npx shadcn@latest add https://termcn.vercel.app/r/opentui/card.json
Center ui

Centers children horizontally and vertically

npx shadcn@latest add https://termcn.vercel.app/r/opentui/center.json
Chat Message ui

Chat message bubble with role label, streaming indicator, and collapsible content

npx shadcn@latest add https://termcn.vercel.app/r/opentui/chat-message.json
Chat Thread ui

Scrollable container for stacking ChatMessage components in a conversation thread

npx shadcn@latest add https://termcn.vercel.app/r/opentui/chat-thread.json
Checkbox ui

Checkbox with indeterminate state

npx shadcn@latest add https://termcn.vercel.app/r/opentui/checkbox.json
Checkbox Group ui

Checkbox group with min/max selection

npx shadcn@latest add https://termcn.vercel.app/r/opentui/checkbox-group.json
Clipboard ui

Copy-to-clipboard button with success feedback

npx shadcn@latest add https://termcn.vercel.app/r/opentui/clipboard.json
Clock ui

Real-time clock display with 12h/24h and date

npx shadcn@latest add https://termcn.vercel.app/r/opentui/clock.json
Code ui

Syntax-highlighted code block (50+ languages)

npx shadcn@latest add https://termcn.vercel.app/r/opentui/code.json
Color Picker ui

Color picker with palette, hex, and RGB input

npx shadcn@latest add https://termcn.vercel.app/r/opentui/color-picker.json
Columns ui

Multi-column layout with configurable widths

npx shadcn@latest add https://termcn.vercel.app/r/opentui/columns.json
Command Palette ui

VS Code–style command palette with fuzzy search

npx shadcn@latest add https://termcn.vercel.app/r/opentui/command-palette.json
Confirm ui

Yes/No confirmation prompt

npx shadcn@latest add https://termcn.vercel.app/r/opentui/confirm.json
Data Grid ui

Advanced data grid with sorting, filtering, pagination, and cell editing

npx shadcn@latest add https://termcn.vercel.app/r/opentui/data-grid.json
Date Picker ui

Calendar date picker with keyboard navigation

npx shadcn@latest add https://termcn.vercel.app/r/opentui/date-picker.json
Definition ui

Term–description definition list

npx shadcn@latest add https://termcn.vercel.app/r/opentui/definition.json
Dialog ui

Confirmation dialog with OK/Cancel actions

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dialog.json
Diff View ui

Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers

npx shadcn@latest add https://termcn.vercel.app/r/opentui/diff-view.json
Digits ui

Box-drawing character numerals

npx shadcn@latest add https://termcn.vercel.app/r/opentui/digits.json
Directory Tree ui

Filesystem browser with expand/collapse

npx shadcn@latest add https://termcn.vercel.app/r/opentui/directory-tree.json
Dither Area Chart ui

Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-area-chart.json
Dither Bar Chart ui

Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-bar-chart.json
Dither Line Chart ui

Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-line-chart.json
Dither Pie Chart ui

Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-pie-chart.json
Dither Radar Chart ui

Dithered radar charts for comparing multiple series across terminal-friendly radial axes

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-radar-chart.json
Dither Sparkline ui

Compact dithered sparklines for terminal dashboards, summaries, and inline metrics

npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-sparkline.json
Divider ui

Horizontal or vertical divider / rule

npx shadcn@latest add https://termcn.vercel.app/r/opentui/divider.json
Drawer ui

Slide-in panel from any edge

npx shadcn@latest add https://termcn.vercel.app/r/opentui/drawer.json
Email Input ui

Email input with validation and domain suggestions

npx shadcn@latest add https://termcn.vercel.app/r/opentui/email-input.json
Embedded Terminal ui

Embedded PTY terminal panel (requires node-pty peer)

npx shadcn@latest add https://termcn.vercel.app/r/opentui/embedded-terminal.json
Error Boundary ui

React error boundary with graceful terminal display

npx shadcn@latest add https://termcn.vercel.app/r/opentui/error-boundary.json
File Change ui

Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut

npx shadcn@latest add https://termcn.vercel.app/r/opentui/file-change.json
File Picker ui

Interactive file browser and picker

npx shadcn@latest add https://termcn.vercel.app/r/opentui/file-picker.json
Form ui

Form container with validation, Ctrl+S submit, and dirty tracking

npx shadcn@latest add https://termcn.vercel.app/r/opentui/form.json
Form Field ui

Form field wrapper with label, hint, and error

npx shadcn@latest add https://termcn.vercel.app/r/opentui/form-field.json
Gauge ui

Arc/speedometer gauge meter

npx shadcn@latest add https://termcn.vercel.app/r/opentui/gauge.json
Git Status ui

Git status display (branch, staged, modified, ahead/behind)

npx shadcn@latest add https://termcn.vercel.app/r/opentui/git-status.json
Gradient ui

Color gradient text

npx shadcn@latest add https://termcn.vercel.app/r/opentui/gradient.json
Grid ui

Rows × columns grid layout

npx shadcn@latest add https://termcn.vercel.app/r/opentui/grid.json
Heading ui

h1–h4 styled headings with optional figlet ASCII art

npx shadcn@latest add https://termcn.vercel.app/r/opentui/heading.json
Heat Map ui

Grid heatmap with color intensity scale

npx shadcn@latest add https://termcn.vercel.app/r/opentui/heat-map.json
Help ui

Auto-generated help panel from a keymap

npx shadcn@latest add https://termcn.vercel.app/r/opentui/help.json
Help Screen ui

Figlet banner + tagline + aligned Options/Commands help sections

npx shadcn@latest add https://termcn.vercel.app/r/opentui/help-screen.json
Image ui

Image renderer with iTerm2/Kitty protocol and ASCII fallback

npx shadcn@latest add https://termcn.vercel.app/r/opentui/image.json
Info Box ui

Bordered info panel with header, key-value rows, and tree-prefix rows

npx shadcn@latest add https://termcn.vercel.app/r/opentui/info-box.json
JSON ui

Pretty-printed JSON with collapsible nodes

npx shadcn@latest add https://termcn.vercel.app/r/opentui/json.json
Key Value ui

Aligned key–value pairs

npx shadcn@latest add https://termcn.vercel.app/r/opentui/key-value.json
Keyboard Shortcuts ui

Formatted keyboard shortcut reference table

npx shadcn@latest add https://termcn.vercel.app/r/opentui/keyboard-shortcuts.json
Line Chart ui

ASCII line chart with axes and multi-series support

npx shadcn@latest add https://termcn.vercel.app/r/opentui/line-chart.json
Link ui

OSC 8 clickable hyperlink

npx shadcn@latest add https://termcn.vercel.app/r/opentui/link.json
List ui

Navigable list with optional filtering

npx shadcn@latest add https://termcn.vercel.app/r/opentui/list.json
Log ui

Scrolling log viewer with severity levels and filtering

npx shadcn@latest add https://termcn.vercel.app/r/opentui/log.json
Login Flow ui

Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select

npx shadcn@latest add https://termcn.vercel.app/r/opentui/login-flow.json
Markdown ui

Full markdown renderer for terminal

npx shadcn@latest add https://termcn.vercel.app/r/opentui/markdown.json
Masked Input ui

Masked input for phone, date, credit card formats

npx shadcn@latest add https://termcn.vercel.app/r/opentui/masked-input.json
Menu ui

Dropdown menu with nested submenus

npx shadcn@latest add https://termcn.vercel.app/r/opentui/menu.json
Modal ui

Focus-trapped overlay modal, close with Esc

npx shadcn@latest add https://termcn.vercel.app/r/opentui/modal.json
Model Selector ui

Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display

npx shadcn@latest add https://termcn.vercel.app/r/opentui/model-selector.json
Multi Progress ui

Parallel progress display for package managers, build pipelines, and deploy tools

npx shadcn@latest add https://termcn.vercel.app/r/opentui/multi-progress.json
Multi Select ui

Multi-select list with checkboxes and select-all

npx shadcn@latest add https://termcn.vercel.app/r/opentui/multi-select.json
Notification Badge ui

Notification Badge component for OpenTUI React.

npx shadcn@latest add https://termcn.vercel.app/r/opentui/notification-badge.json
Notification Center block

Persistent queue-based notification panel with useNotifications hook

npx shadcn@latest add https://termcn.vercel.app/r/opentui/notification-center.json
Number Input ui

Numeric input with increment/decrement and bounds

npx shadcn@latest add https://termcn.vercel.app/r/opentui/number-input.json
Pagination ui

Page navigation with prev/next and jump

npx shadcn@latest add https://termcn.vercel.app/r/opentui/pagination.json
Panel ui

Titled bordered panel

npx shadcn@latest add https://termcn.vercel.app/r/opentui/panel.json
Password Input ui

Password input with masked characters and reveal toggle

npx shadcn@latest add https://termcn.vercel.app/r/opentui/password-input.json
Path Input ui

Filesystem path input with tab autocomplete

npx shadcn@latest add https://termcn.vercel.app/r/opentui/path-input.json
Pie Chart ui

Unicode block pie chart with legend

npx shadcn@latest add https://termcn.vercel.app/r/opentui/pie-chart.json
Popover ui

Positioned popover with arbitrary content

npx shadcn@latest add https://termcn.vercel.app/r/opentui/popover.json
Progress Bar ui

Determinate progress bar with percent and value/total display

npx shadcn@latest add https://termcn.vercel.app/r/opentui/progress-bar.json
Progress Circle ui

Circular progress indicator using Unicode braille

npx shadcn@latest add https://termcn.vercel.app/r/opentui/progress-circle.json
QR Code ui

Unicode block QR code generator

npx shadcn@latest add https://termcn.vercel.app/r/opentui/qr-code.json
Radio Group ui

Mutually exclusive radio button group

npx shadcn@latest add https://termcn.vercel.app/r/opentui/radio-group.json
Scroll View ui

Scrollable container with scrollbar

npx shadcn@latest add https://termcn.vercel.app/r/opentui/scroll-view.json
Search Input ui

Fuzzy search input with autocomplete

npx shadcn@latest add https://termcn.vercel.app/r/opentui/search-input.json
Select ui

Single-select dropdown with arrow-key navigation

npx shadcn@latest add https://termcn.vercel.app/r/opentui/select.json
Setup Flow ui

@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select

npx shadcn@latest add https://termcn.vercel.app/r/opentui/setup-flow.json
Sidebar ui

Collapsible navigation sidebar panel

npx shadcn@latest add https://termcn.vercel.app/r/opentui/sidebar.json
Skeleton ui

Shimmer loading placeholder

npx shadcn@latest add https://termcn.vercel.app/r/opentui/skeleton.json
Spacer ui

Flexible space between flex children

npx shadcn@latest add https://termcn.vercel.app/r/opentui/spacer.json
Sparkline ui

Inline Unicode braille sparkline chart

npx shadcn@latest add https://termcn.vercel.app/r/opentui/sparkline.json
Spinner ui

Animated spinner with 12+ styles

npx shadcn@latest add https://termcn.vercel.app/r/opentui/spinner.json
Splash Screen ui

Styled startup banner with big ASCII art title, subtitle, author credit, and status line

npx shadcn@latest add https://termcn.vercel.app/r/opentui/splash-screen.json
Stack ui

Vertical/horizontal stack with gap

npx shadcn@latest add https://termcn.vercel.app/r/opentui/stack.json
Status Message ui

Inline status message with icon and color

npx shadcn@latest add https://termcn.vercel.app/r/opentui/status-message.json
Stopwatch ui

Count-up stopwatch with laps and reset

npx shadcn@latest add https://termcn.vercel.app/r/opentui/stopwatch.json
Streaming Text ui

Token-by-token streaming text with blinking cursor and optional typing animation

npx shadcn@latest add https://termcn.vercel.app/r/opentui/streaming-text.json
Tabbed Content ui

Tab bar wired to content panels

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tabbed-content.json
Table ui

Sortable, selectable, paginated data table

npx shadcn@latest add https://termcn.vercel.app/r/opentui/table.json
Tabs ui

Tab bar with left/right arrow and tab-key navigation

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tabs.json
Tag ui

Removable chip/tag

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tag.json
Tag Input ui

Add and remove tags inline

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tag-input.json
Text Area ui

Multi-line text editor with word wrap

npx shadcn@latest add https://termcn.vercel.app/r/opentui/text-area.json
Text Input ui

Single-line text input with placeholder, validation, mask

npx shadcn@latest add https://termcn.vercel.app/r/opentui/text-input.json
Theme Provider ui

Terminal theme provider, design tokens, and theme helpers.

npx shadcn@latest add https://termcn.vercel.app/r/opentui/theme-provider.json
Thinking Block ui

Collapsible block for displaying extended thinking / reasoning content from an AI model

npx shadcn@latest add https://termcn.vercel.app/r/opentui/thinking-block.json
Time Picker ui

Time picker with hour/minute/second spinners

npx shadcn@latest add https://termcn.vercel.app/r/opentui/time-picker.json
Timer ui

Countdown timer with pause/resume and auto-start

npx shadcn@latest add https://termcn.vercel.app/r/opentui/timer.json
Toast ui

Auto-dismissing toast notification

npx shadcn@latest add https://termcn.vercel.app/r/opentui/toast.json
Toggle ui

Toggle/switch component with on/off labels

npx shadcn@latest add https://termcn.vercel.app/r/opentui/toggle.json
Token Usage ui

Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill

npx shadcn@latest add https://termcn.vercel.app/r/opentui/token-usage.json
Tool Approval ui

Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tool-approval.json
Tool Call ui

Displays an AI tool invocation with status indicator, args, result, and elapsed time

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tool-call.json
Tooltip ui

Contextual tooltip on focus or hover

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tooltip.json
Tree ui

Expandable/collapsible tree view

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tree.json
Tree Select ui

Hierarchical tree selection

npx shadcn@latest add https://termcn.vercel.app/r/opentui/tree-select.json
Usage Monitor ui

Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar

npx shadcn@latest add https://termcn.vercel.app/r/opentui/usage-monitor.json
Virtual List ui

Virtualized list for 10k+ items

npx shadcn@latest add https://termcn.vercel.app/r/opentui/virtual-list.json
Welcome Screen ui

Two-panel welcome dashboard with titled border, logo, greeting, and sections

npx shadcn@latest add https://termcn.vercel.app/r/opentui/welcome-screen.json
Wizard ui

Multi-step wizard with per-step validation

npx shadcn@latest add https://termcn.vercel.app/r/opentui/wizard.json
Pagination ui

Page navigation with prev/next and jump

npx shadcn@latest add https://termcn.vercel.app/r/ink/pagination.json
Panel ui

Titled bordered panel

npx shadcn@latest add https://termcn.vercel.app/r/ink/panel.json
Password Input ui

Password input with masked characters and reveal toggle

npx shadcn@latest add https://termcn.vercel.app/r/ink/password-input.json
Path Input ui

Filesystem path input with tab autocomplete

npx shadcn@latest add https://termcn.vercel.app/r/ink/path-input.json
Pie Chart ui

Unicode block pie chart with legend

npx shadcn@latest add https://termcn.vercel.app/r/ink/pie-chart.json
Popover ui

Positioned popover with arbitrary content

npx shadcn@latest add https://termcn.vercel.app/r/ink/popover.json
Progress Bar ui

Determinate progress bar with percent and value/total display

npx shadcn@latest add https://termcn.vercel.app/r/ink/progress-bar.json
Progress Circle ui

Circular progress indicator using Unicode braille

npx shadcn@latest add https://termcn.vercel.app/r/ink/progress-circle.json
QR Code ui

Unicode block QR code generator

npx shadcn@latest add https://termcn.vercel.app/r/ink/qr-code.json
Radio Group ui

Mutually exclusive radio button group

npx shadcn@latest add https://termcn.vercel.app/r/ink/radio-group.json
Scroll View ui

Scrollable container with scrollbar

npx shadcn@latest add https://termcn.vercel.app/r/ink/scroll-view.json
Search Input ui

Fuzzy search input with autocomplete

npx shadcn@latest add https://termcn.vercel.app/r/ink/search-input.json
Select ui

Single-select dropdown with arrow-key navigation

npx shadcn@latest add https://termcn.vercel.app/r/ink/select.json
Setup Flow ui

@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select

npx shadcn@latest add https://termcn.vercel.app/r/ink/setup-flow.json
Sidebar ui

Collapsible navigation sidebar panel

npx shadcn@latest add https://termcn.vercel.app/r/ink/sidebar.json
Skeleton ui

Shimmer loading placeholder

npx shadcn@latest add https://termcn.vercel.app/r/ink/skeleton.json
Spacer ui

Flexible space between flex children

npx shadcn@latest add https://termcn.vercel.app/r/ink/spacer.json
Sparkline ui

Inline Unicode braille sparkline chart

npx shadcn@latest add https://termcn.vercel.app/r/ink/sparkline.json
Spinner ui

Animated spinner with 12+ styles

npx shadcn@latest add https://termcn.vercel.app/r/ink/spinner.json
Splash Screen ui

Styled startup banner with big ASCII art title, subtitle, author credit, and status line

npx shadcn@latest add https://termcn.vercel.app/r/ink/splash-screen.json
Stack ui

Vertical/horizontal stack with gap

npx shadcn@latest add https://termcn.vercel.app/r/ink/stack.json
Status Message ui

Inline status message with icon and color

npx shadcn@latest add https://termcn.vercel.app/r/ink/status-message.json
Stopwatch ui

Count-up stopwatch with laps and reset

npx shadcn@latest add https://termcn.vercel.app/r/ink/stopwatch.json
Streaming Text ui

Token-by-token streaming text with blinking cursor and optional typing animation

npx shadcn@latest add https://termcn.vercel.app/r/ink/streaming-text.json
Tabbed Content ui

Tab bar wired to content panels

npx shadcn@latest add https://termcn.vercel.app/r/ink/tabbed-content.json
Table ui

Sortable, selectable, paginated data table

npx shadcn@latest add https://termcn.vercel.app/r/ink/table.json
Tabs ui

Tab bar with left/right arrow and tab-key navigation

npx shadcn@latest add https://termcn.vercel.app/r/ink/tabs.json
Tag ui

Removable chip/tag

npx shadcn@latest add https://termcn.vercel.app/r/ink/tag.json
Tag Input ui

Add and remove tags inline

npx shadcn@latest add https://termcn.vercel.app/r/ink/tag-input.json
Text Area ui

Multi-line text editor with word wrap

npx shadcn@latest add https://termcn.vercel.app/r/ink/text-area.json
Text Input ui

Single-line text input with placeholder, validation, mask

npx shadcn@latest add https://termcn.vercel.app/r/ink/text-input.json
Catppuccin file

A Catppuccin theme for rich terminal UI previews.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin.json
Default file

The default termcn terminal theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-default.json
Dracula file

A purple-heavy Dracula theme for terminal UI components.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-dracula.json
High Contrast file

High contrast themes for dark and light terminal backgrounds.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-high-contrast.json
Monokai file

A classic Monokai-inspired theme for terminal apps.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-monokai.json
Nord file

A cool Nord palette tuned for terminal contrast.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-nord.json
One Dark file

A One Dark theme for terminal components.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-one-dark.json
Theme Provider ui

Terminal theme provider, design tokens, and theme helpers.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-provider.json
Solarized file

A Solarized theme for terminal components.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-solarized.json
Tokyo Night file

Tokyo Night colors for terminal interfaces.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-tokyo-night.json
AMOLED file

AMOLED - high contrast dark theme with pure black.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-amoled.json
Aura file

Aura - soft elegant theme with pastel purple.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-aura.json
Ayu file

Ayu - clean modern terminal theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-ayu.json
Carbonfox file

Carbonfox - minimal dark theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-carbonfox.json
Catppuccin Frappe file

Catppuccin Frappe - soothing pastel.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin-frappe.json
Catppuccin Macchiato file

Catppuccin Macchiato - deeper pastel tones.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin-macchiato.json
Cobalt2 file

Cobalt2 - vibrant blue and gold.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-cobalt2.json
Cursor file

Cursor IDE theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-cursor.json
Everforest file

Everforest - warm forest theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-everforest.json
Flexoki file

Flexoki - versatile theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-flexoki.json
GitHub file

GitHub official dark theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-github.json
Gruvbox file

Gruvbox - retro earth tones.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-gruvbox.json
Kanagawa file

Kanagawa - Japanese wave theme.

npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-kanagawa.json