A
Aniket-508
/
termcn
/
ui
Files
Code
Info
Alert
alert
Alert box with success/error/warning/info variants
App Shell
app-shell
Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratio
aspect-ratio
Constrains children to a given aspect ratio
Badge
badge
Semantic status indicator badge (success/error/warning/info)
Banner
banner
Full-width announcement banner
Bar Chart
bar-chart
Horizontal and vertical bar chart with labels
Big Text
big-text
Figlet-style large ASCII art text
Box
box
Enhanced flexbox container with theme-aware borders
Breadcrumb
breadcrumb
Breadcrumb navigation trail
Bullet List
bullet-list
Nested structured content with ●/└/□ bullet prefixes
Card
card
Card with header, body, and footer slots
Center
center
Centers children horizontally and vertically
Chat Message
chat-message
Chat message bubble with role label, streaming indicator, and collapsible content
Chat Thread
chat-thread
Scrollable container for stacking ChatMessage components in a conversation thread
Checkbox
checkbox
Checkbox with indeterminate state
Checkbox Group
checkbox-group
Checkbox group with min/max selection
Clipboard
clipboard
Copy-to-clipboard button with success feedback
Clock
clock
Real-time clock display with 12h/24h and date
Code
code
Syntax-highlighted code block (50+ languages)
Color Picker
color-picker
Color picker with palette, hex, and RGB input
Columns
columns
Multi-column layout with configurable widths
Command Palette
command-palette
VS Code–style command palette with fuzzy search
Confirm
confirm
Yes/No confirmation prompt
Conversation History
conversation-history
Arrow-key scrollable stack for long assistant threads with optional hint
Data Grid
data-grid
Advanced data grid with sorting, filtering, pagination, and cell editing
Date Picker
date-picker
Calendar date picker with keyboard navigation
Definition
definition
Term–description definition list
Dialog
dialog
Confirmation dialog with OK/Cancel actions
Diff View
diff-view
Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
Digits
digits
Box-drawing character numerals
Directory Tree
directory-tree
Filesystem browser with expand/collapse
Divider
divider
Horizontal or vertical divider / rule
Drawer
drawer
Slide-in panel from any edge
Email Input
email-input
Email input with validation and domain suggestions
Embedded Terminal
embedded-terminal
Embedded PTY terminal panel (requires node-pty peer)
Error Boundary
error-boundary
React error boundary with graceful terminal display
Error Retry
error-retry
Inline error panel with retry, dismiss, and max-retry guard
File Change
file-change
Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Picker
file-picker
Interactive file browser and picker
Form
form
Form container with validation, Ctrl+S submit, and dirty tracking
Form Field
form-field
Form field wrapper with label, hint, and error
Gauge
gauge
Arc/speedometer gauge meter
Git Status
git-status
Git status display (branch, staged, modified, ahead/behind)
Gradient
gradient
Color gradient text
Grid
grid
Rows × columns grid layout
Heading
heading
h1–h4 styled headings with optional figlet ASCII art
Heat Map
heat-map
Grid heatmap with color intensity scale
Help
help
Auto-generated help panel from a keymap
Help Screen
help-screen
Figlet banner + tagline + aligned Options/Commands help sections
Image
image
Image renderer with iTerm2/Kitty protocol and ASCII fallback
Info Box
info-box
Bordered info panel with header, key-value rows, and tree-prefix rows
JSON
json
Pretty-printed JSON with collapsible nodes
Key Value
key-value
Aligned key–value pairs
Keyboard Shortcuts
keyboard-shortcuts
Formatted keyboard shortcut reference table
Line Chart
line-chart
ASCII line chart with axes and multi-series support
Link
link
OSC 8 clickable hyperlink
List
list
Navigable list with optional filtering
Log
log
Scrolling log viewer with severity levels and filtering
Login Flow
login-flow
Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
Markdown
markdown
Full markdown renderer for terminal
Masked Input
masked-input
Masked input for phone, date, credit card formats
Menu
menu
Dropdown menu with nested submenus
Modal
modal
Focus-trapped overlay modal, close with Esc
Model Selector
model-selector
Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progress
multi-progress
Parallel progress display for package managers, build pipelines, and deploy tools
Multi Select
multi-select
Multi-select list with checkboxes and select-all
Number Input
number-input
Numeric input with increment/decrement and bounds
Alert
opentui-alert
Alert box with success/error/warning/info variants
App Shell
opentui-app-shell
Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratio
opentui-aspect-ratio
Constrains children to a given aspect ratio
Badge
opentui-badge
Semantic status indicator badge (success/error/warning/info)
Banner
opentui-banner
Full-width announcement banner
Bar Chart
opentui-bar-chart
Horizontal and vertical bar chart with labels
Big Text
opentui-big-text
Figlet-style large ASCII art text
Box
opentui-box
Enhanced flexbox container with theme-aware borders
Breadcrumb
opentui-breadcrumb
Breadcrumb navigation trail
Bullet List
opentui-bullet-list
Nested structured content with ●/└/□ bullet prefixes
Card
opentui-card
Card with header, body, and footer slots
Center
opentui-center
Centers children horizontally and vertically
Chat Message
opentui-chat-message
Chat message bubble with role label, streaming indicator, and collapsible content
Chat Thread
opentui-chat-thread
Scrollable container for stacking ChatMessage components in a conversation thread
Checkbox
opentui-checkbox
Checkbox with indeterminate state
Checkbox Group
opentui-checkbox-group
Checkbox group with min/max selection
Clipboard
opentui-clipboard
Copy-to-clipboard button with success feedback
Clock
opentui-clock
Real-time clock display with 12h/24h and date
Code
opentui-code
Syntax-highlighted code block (50+ languages)
Color Picker
opentui-color-picker
Color picker with palette, hex, and RGB input
Columns
opentui-columns
Multi-column layout with configurable widths
Command Palette
opentui-command-palette
VS Code–style command palette with fuzzy search
Confirm
opentui-confirm
Yes/No confirmation prompt
Data Grid
opentui-data-grid
Advanced data grid with sorting, filtering, pagination, and cell editing
Date Picker
opentui-date-picker
Calendar date picker with keyboard navigation
Definition
opentui-definition
Term–description definition list
Dialog
opentui-dialog
Confirmation dialog with OK/Cancel actions
Diff View
opentui-diff-view
Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
Digits
opentui-digits
Box-drawing character numerals
Directory Tree
opentui-directory-tree
Filesystem browser with expand/collapse
Divider
opentui-divider
Horizontal or vertical divider / rule
Drawer
opentui-drawer
Slide-in panel from any edge
Email Input
opentui-email-input
Email input with validation and domain suggestions
Embedded Terminal
opentui-embedded-terminal
Embedded PTY terminal panel (requires node-pty peer)
Error Boundary
opentui-error-boundary
React error boundary with graceful terminal display
File Change
opentui-file-change
Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Picker
opentui-file-picker
Interactive file browser and picker
Form
opentui-form
Form container with validation, Ctrl+S submit, and dirty tracking
Form Field
opentui-form-field
Form field wrapper with label, hint, and error
Gauge
opentui-gauge
Arc/speedometer gauge meter
Git Status
opentui-git-status
Git status display (branch, staged, modified, ahead/behind)
Gradient
opentui-gradient
Color gradient text
Grid
opentui-grid
Rows × columns grid layout
Heading
opentui-heading
h1–h4 styled headings with optional figlet ASCII art
Heat Map
opentui-heat-map
Grid heatmap with color intensity scale
Help
opentui-help
Auto-generated help panel from a keymap
Help Screen
opentui-help-screen
Figlet banner + tagline + aligned Options/Commands help sections
Image
opentui-image
Image renderer with iTerm2/Kitty protocol and ASCII fallback
Info Box
opentui-info-box
Bordered info panel with header, key-value rows, and tree-prefix rows
JSON
opentui-json
Pretty-printed JSON with collapsible nodes
Key Value
opentui-key-value
Aligned key–value pairs
Keyboard Shortcuts
opentui-keyboard-shortcuts
Formatted keyboard shortcut reference table
Line Chart
opentui-line-chart
ASCII line chart with axes and multi-series support
Link
opentui-link
OSC 8 clickable hyperlink
List
opentui-list
Navigable list with optional filtering
Log
opentui-log
Scrolling log viewer with severity levels and filtering
Login Flow
opentui-login-flow
Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
Markdown
opentui-markdown
Full markdown renderer for terminal
Masked Input
opentui-masked-input
Masked input for phone, date, credit card formats
Menu
opentui-menu
Dropdown menu with nested submenus
Modal
opentui-modal
Focus-trapped overlay modal, close with Esc
Model Selector
opentui-model-selector
Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progress
opentui-multi-progress
Parallel progress display for package managers, build pipelines, and deploy tools
Multi Select
opentui-multi-select
Multi-select list with checkboxes and select-all
Notification Badge
opentui-notification-badge
Notification Badge component for OpenTUI React.
Number Input
opentui-number-input
Numeric input with increment/decrement and bounds
Pagination
opentui-pagination
Page navigation with prev/next and jump
Panel
opentui-panel
Titled bordered panel
Password Input
opentui-password-input
Password input with masked characters and reveal toggle
Path Input
opentui-path-input
Filesystem path input with tab autocomplete
Pie Chart
opentui-pie-chart
Unicode block pie chart with legend
Popover
opentui-popover
Positioned popover with arbitrary content
Progress Bar
opentui-progress-bar
Determinate progress bar with percent and value/total display
Progress Circle
opentui-progress-circle
Circular progress indicator using Unicode braille
QR Code
opentui-qr-code
Unicode block QR code generator
Radio Group
opentui-radio-group
Mutually exclusive radio button group
Scroll View
opentui-scroll-view
Scrollable container with scrollbar
Search Input
opentui-search-input
Fuzzy search input with autocomplete
Select
opentui-select
Single-select dropdown with arrow-key navigation
Setup Flow
opentui-setup-flow
@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
Sidebar
opentui-sidebar
Collapsible navigation sidebar panel
Skeleton
opentui-skeleton
Shimmer loading placeholder
Spacer
opentui-spacer
Flexible space between flex children
Sparkline
opentui-sparkline
Inline Unicode braille sparkline chart
Spinner
opentui-spinner
Animated spinner with 12+ styles
Splash Screen
opentui-splash-screen
Styled startup banner with big ASCII art title, subtitle, author credit, and status line
Stack
opentui-stack
Vertical/horizontal stack with gap
Status Message
opentui-status-message
Inline status message with icon and color
Stopwatch
opentui-stopwatch
Count-up stopwatch with laps and reset
Streaming Text
opentui-streaming-text
Token-by-token streaming text with blinking cursor and optional typing animation
Tabbed Content
opentui-tabbed-content
Tab bar wired to content panels
Table
opentui-table
Sortable, selectable, paginated data table
Tabs
opentui-tabs
Tab bar with left/right arrow and tab-key navigation
Tag
opentui-tag
Removable chip/tag
Tag Input
opentui-tag-input
Add and remove tags inline
Text Area
opentui-text-area
Multi-line text editor with word wrap
Text Input
opentui-text-input
Single-line text input with placeholder, validation, mask
Theme Provider
opentui-theme-provider
Terminal theme provider, design tokens, and theme helpers.
Thinking Block
opentui-thinking-block
Collapsible block for displaying extended thinking / reasoning content from an AI model
Time Picker
opentui-time-picker
Time picker with hour/minute/second spinners
Timer
opentui-timer
Countdown timer with pause/resume and auto-start
Toast
opentui-toast
Auto-dismissing toast notification
Toggle
opentui-toggle
Toggle/switch component with on/off labels
Token Usage
opentui-token-usage
Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approval
opentui-tool-approval
Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Call
opentui-tool-call
Displays an AI tool invocation with status indicator, args, result, and elapsed time
Tooltip
opentui-tooltip
Contextual tooltip on focus or hover
Tree
opentui-tree
Expandable/collapsible tree view
Tree Select
opentui-tree-select
Hierarchical tree selection
Usage Monitor
opentui-usage-monitor
Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual List
opentui-virtual-list
Virtualized list for 10k+ items
Welcome Screen
opentui-welcome-screen
Two-panel welcome dashboard with titled border, logo, greeting, and sections
Wizard
opentui-wizard
Multi-step wizard with per-step validation
Pagination
pagination
Page navigation with prev/next and jump
Panel
panel
Titled bordered panel
Password Input
password-input
Password input with masked characters and reveal toggle
Path Input
path-input
Filesystem path input with tab autocomplete
Pie Chart
pie-chart
Unicode block pie chart with legend
Popover
popover
Positioned popover with arbitrary content
Progress Bar
progress-bar
Determinate progress bar with percent and value/total display
Progress Circle
progress-circle
Circular progress indicator using Unicode braille
QR Code
qr-code
Unicode block QR code generator
Radio Group
radio-group
Mutually exclusive radio button group
Scroll View
scroll-view
Scrollable container with scrollbar
Search Input
search-input
Fuzzy search input with autocomplete
Select
select
Single-select dropdown with arrow-key navigation
Setup Flow
setup-flow
@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
Sidebar
sidebar
Collapsible navigation sidebar panel
Skeleton
skeleton
Shimmer loading placeholder
Spacer
spacer
Flexible space between flex children
Sparkline
sparkline
Inline Unicode braille sparkline chart
Spinner
spinner
Animated spinner with 12+ styles
Splash Screen
splash-screen
Styled startup banner with big ASCII art title, subtitle, author credit, and status line
Stack
stack
Vertical/horizontal stack with gap
Status Message
status-message
Inline status message with icon and color
Stopwatch
stopwatch
Count-up stopwatch with laps and reset
Streaming Text
streaming-text
Token-by-token streaming text with blinking cursor and optional typing animation
Tabbed Content
tabbed-content
Tab bar wired to content panels
Table
table
Sortable, selectable, paginated data table
Tabs
tabs
Tab bar with left/right arrow and tab-key navigation
Tag
tag
Removable chip/tag
Tag Input
tag-input
Add and remove tags inline
Text Area
text-area
Multi-line text editor with word wrap
Text Input
text-input
Single-line text input with placeholder, validation, mask
Theme Provider
theme-provider
Terminal theme provider, design tokens, and theme helpers.
Thinking Block
thinking-block
Collapsible block for displaying extended thinking / reasoning content from an AI model
Time Picker
time-picker
Time picker with hour/minute/second spinners
Timer
timer
Countdown timer with pause/resume and auto-start
Toast
toast
Auto-dismissing toast notification
Toggle
toggle
Toggle/switch component with on/off labels
Token Usage
token-usage
Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approval
tool-approval
Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Call
tool-call
Displays an AI tool invocation with status indicator, args, result, and elapsed time
Tooltip
tooltip
Contextual tooltip on focus or hover
Tree
tree
Expandable/collapsible tree view
Tree Select
tree-select
Hierarchical tree selection
Usage Monitor
usage-monitor
Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual List
virtual-list
Virtualized list for 10k+ items
Welcome Screen
welcome-screen
Two-panel welcome dashboard with titled border, logo, greeting, and sections
Wizard
wizard
Multi-step wizard with per-step validation
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Alert
alert
Alert box with success/error/warning/info variants
App Shell
app-shell
Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratio
aspect-ratio
Constrains children to a given aspect ratio
Badge
badge
Semantic status indicator badge (success/error/warning/info)
Banner
banner
Full-width announcement banner
Bar Chart
bar-chart
Horizontal and vertical bar chart with labels
Big Text
big-text
Figlet-style large ASCII art text
Box
box
Enhanced flexbox container with theme-aware borders
Breadcrumb
breadcrumb
Breadcrumb navigation trail
Bullet List
bullet-list
Nested structured content with ●/└/□ bullet prefixes
Card
card
Card with header, body, and footer slots
Center
center
Centers children horizontally and vertically
Chat Message
chat-message
Chat message bubble with role label, streaming indicator, and collapsible content
Chat Thread
chat-thread
Scrollable container for stacking ChatMessage components in a conversation thread
Checkbox
checkbox
Checkbox with indeterminate state
Checkbox Group
checkbox-group
Checkbox group with min/max selection
Clipboard
clipboard
Copy-to-clipboard button with success feedback
Clock
clock
Real-time clock display with 12h/24h and date
Code
code
Syntax-highlighted code block (50+ languages)
Color Picker
color-picker
Color picker with palette, hex, and RGB input
Columns
columns
Multi-column layout with configurable widths
Command Palette
command-palette
VS Code–style command palette with fuzzy search
Confirm
confirm
Yes/No confirmation prompt
Conversation History
conversation-history
Arrow-key scrollable stack for long assistant threads with optional hint
Data Grid
data-grid
Advanced data grid with sorting, filtering, pagination, and cell editing
Date Picker
date-picker
Calendar date picker with keyboard navigation
Definition
definition
Term–description definition list
Dialog
dialog
Confirmation dialog with OK/Cancel actions
Diff View
diff-view
Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
Digits
digits
Box-drawing character numerals
Directory Tree
directory-tree
Filesystem browser with expand/collapse
Divider
divider
Horizontal or vertical divider / rule
Drawer
drawer
Slide-in panel from any edge
Email Input
email-input
Email input with validation and domain suggestions
Embedded Terminal
embedded-terminal
Embedded PTY terminal panel (requires node-pty peer)
Error Boundary
error-boundary
React error boundary with graceful terminal display
Error Retry
error-retry
Inline error panel with retry, dismiss, and max-retry guard
File Change
file-change
Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Picker
file-picker
Interactive file browser and picker
Form
form
Form container with validation, Ctrl+S submit, and dirty tracking
Form Field
form-field
Form field wrapper with label, hint, and error
Gauge
gauge
Arc/speedometer gauge meter
Git Status
git-status
Git status display (branch, staged, modified, ahead/behind)
Gradient
gradient
Color gradient text
Grid
grid
Rows × columns grid layout
Heading
heading
h1–h4 styled headings with optional figlet ASCII art
Heat Map
heat-map
Grid heatmap with color intensity scale
Help
help
Auto-generated help panel from a keymap
Help Screen
help-screen
Figlet banner + tagline + aligned Options/Commands help sections
Image
image
Image renderer with iTerm2/Kitty protocol and ASCII fallback
Info Box
info-box
Bordered info panel with header, key-value rows, and tree-prefix rows
JSON
json
Pretty-printed JSON with collapsible nodes
Key Value
key-value
Aligned key–value pairs
Keyboard Shortcuts
keyboard-shortcuts
Formatted keyboard shortcut reference table
Line Chart
line-chart
ASCII line chart with axes and multi-series support
Link
link
OSC 8 clickable hyperlink
List
list
Navigable list with optional filtering
Log
log
Scrolling log viewer with severity levels and filtering
Login Flow
login-flow
Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
Markdown
markdown
Full markdown renderer for terminal
Masked Input
masked-input
Masked input for phone, date, credit card formats
Menu
menu
Dropdown menu with nested submenus
Modal
modal
Focus-trapped overlay modal, close with Esc
Model Selector
model-selector
Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progress
multi-progress
Parallel progress display for package managers, build pipelines, and deploy tools
Multi Select
multi-select
Multi-select list with checkboxes and select-all
Number Input
number-input
Numeric input with increment/decrement and bounds
Alert
opentui-alert
Alert box with success/error/warning/info variants
App Shell
opentui-app-shell
Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratio
opentui-aspect-ratio
Constrains children to a given aspect ratio
Badge
opentui-badge
Semantic status indicator badge (success/error/warning/info)
Banner
opentui-banner
Full-width announcement banner
Bar Chart
opentui-bar-chart
Horizontal and vertical bar chart with labels
Big Text
opentui-big-text
Figlet-style large ASCII art text
Box
opentui-box
Enhanced flexbox container with theme-aware borders
Breadcrumb
opentui-breadcrumb
Breadcrumb navigation trail
Bullet List
opentui-bullet-list
Nested structured content with ●/└/□ bullet prefixes
Card
opentui-card
Card with header, body, and footer slots
Center
opentui-center
Centers children horizontally and vertically
Chat Message
opentui-chat-message
Chat message bubble with role label, streaming indicator, and collapsible content
Chat Thread
opentui-chat-thread
Scrollable container for stacking ChatMessage components in a conversation thread
Checkbox
opentui-checkbox
Checkbox with indeterminate state
Checkbox Group
opentui-checkbox-group
Checkbox group with min/max selection
Clipboard
opentui-clipboard
Copy-to-clipboard button with success feedback
Clock
opentui-clock
Real-time clock display with 12h/24h and date
Code
opentui-code
Syntax-highlighted code block (50+ languages)
Color Picker
opentui-color-picker
Color picker with palette, hex, and RGB input
Columns
opentui-columns
Multi-column layout with configurable widths
Command Palette
opentui-command-palette
VS Code–style command palette with fuzzy search
Confirm
opentui-confirm
Yes/No confirmation prompt
Data Grid
opentui-data-grid
Advanced data grid with sorting, filtering, pagination, and cell editing
Date Picker
opentui-date-picker
Calendar date picker with keyboard navigation
Definition
opentui-definition
Term–description definition list
Dialog
opentui-dialog
Confirmation dialog with OK/Cancel actions
Diff View
opentui-diff-view
Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
Digits
opentui-digits
Box-drawing character numerals
Directory Tree
opentui-directory-tree
Filesystem browser with expand/collapse
Divider
opentui-divider
Horizontal or vertical divider / rule
Drawer
opentui-drawer
Slide-in panel from any edge
Email Input
opentui-email-input
Email input with validation and domain suggestions
Embedded Terminal
opentui-embedded-terminal
Embedded PTY terminal panel (requires node-pty peer)
Error Boundary
opentui-error-boundary
React error boundary with graceful terminal display
File Change
opentui-file-change
Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Picker
opentui-file-picker
Interactive file browser and picker
Form
opentui-form
Form container with validation, Ctrl+S submit, and dirty tracking
Form Field
opentui-form-field
Form field wrapper with label, hint, and error
Gauge
opentui-gauge
Arc/speedometer gauge meter
Git Status
opentui-git-status
Git status display (branch, staged, modified, ahead/behind)
Gradient
opentui-gradient
Color gradient text
Grid
opentui-grid
Rows × columns grid layout
Heading
opentui-heading
h1–h4 styled headings with optional figlet ASCII art
Heat Map
opentui-heat-map
Grid heatmap with color intensity scale
Help
opentui-help
Auto-generated help panel from a keymap
Help Screen
opentui-help-screen
Figlet banner + tagline + aligned Options/Commands help sections
Image
opentui-image
Image renderer with iTerm2/Kitty protocol and ASCII fallback
Info Box
opentui-info-box
Bordered info panel with header, key-value rows, and tree-prefix rows
JSON
opentui-json
Pretty-printed JSON with collapsible nodes
Key Value
opentui-key-value
Aligned key–value pairs
Keyboard Shortcuts
opentui-keyboard-shortcuts
Formatted keyboard shortcut reference table
Line Chart
opentui-line-chart
ASCII line chart with axes and multi-series support
Link
opentui-link
OSC 8 clickable hyperlink
List
opentui-list
Navigable list with optional filtering
Log
opentui-log
Scrolling log viewer with severity levels and filtering
Login Flow
opentui-login-flow
Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
Markdown
opentui-markdown
Full markdown renderer for terminal
Masked Input
opentui-masked-input
Masked input for phone, date, credit card formats
Menu
opentui-menu
Dropdown menu with nested submenus
Modal
opentui-modal
Focus-trapped overlay modal, close with Esc
Model Selector
opentui-model-selector
Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progress
opentui-multi-progress
Parallel progress display for package managers, build pipelines, and deploy tools
Multi Select
opentui-multi-select
Multi-select list with checkboxes and select-all
Notification Badge
opentui-notification-badge
Notification Badge component for OpenTUI React.
Number Input
opentui-number-input
Numeric input with increment/decrement and bounds
Pagination
opentui-pagination
Page navigation with prev/next and jump
Panel
opentui-panel
Titled bordered panel
Password Input
opentui-password-input
Password input with masked characters and reveal toggle
Path Input
opentui-path-input
Filesystem path input with tab autocomplete
Pie Chart
opentui-pie-chart
Unicode block pie chart with legend
Popover
opentui-popover
Positioned popover with arbitrary content
Progress Bar
opentui-progress-bar
Determinate progress bar with percent and value/total display
Progress Circle
opentui-progress-circle
Circular progress indicator using Unicode braille
QR Code
opentui-qr-code
Unicode block QR code generator
Radio Group
opentui-radio-group
Mutually exclusive radio button group
Scroll View
opentui-scroll-view
Scrollable container with scrollbar
Search Input
opentui-search-input
Fuzzy search input with autocomplete
Select
opentui-select
Single-select dropdown with arrow-key navigation
Setup Flow
opentui-setup-flow
@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
Sidebar
opentui-sidebar
Collapsible navigation sidebar panel
Skeleton
opentui-skeleton
Shimmer loading placeholder
Spacer
opentui-spacer
Flexible space between flex children
Sparkline
opentui-sparkline
Inline Unicode braille sparkline chart
Spinner
opentui-spinner
Animated spinner with 12+ styles
Splash Screen
opentui-splash-screen
Styled startup banner with big ASCII art title, subtitle, author credit, and status line
Stack
opentui-stack
Vertical/horizontal stack with gap
Status Message
opentui-status-message
Inline status message with icon and color
Stopwatch
opentui-stopwatch
Count-up stopwatch with laps and reset
Streaming Text
opentui-streaming-text
Token-by-token streaming text with blinking cursor and optional typing animation
Tabbed Content
opentui-tabbed-content
Tab bar wired to content panels
Table
opentui-table
Sortable, selectable, paginated data table
Tabs
opentui-tabs
Tab bar with left/right arrow and tab-key navigation
Tag
opentui-tag
Removable chip/tag
Tag Input
opentui-tag-input
Add and remove tags inline
Text Area
opentui-text-area
Multi-line text editor with word wrap
Text Input
opentui-text-input
Single-line text input with placeholder, validation, mask
Theme Provider
opentui-theme-provider
Terminal theme provider, design tokens, and theme helpers.
Thinking Block
opentui-thinking-block
Collapsible block for displaying extended thinking / reasoning content from an AI model
Time Picker
opentui-time-picker
Time picker with hour/minute/second spinners
Timer
opentui-timer
Countdown timer with pause/resume and auto-start
Toast
opentui-toast
Auto-dismissing toast notification
Toggle
opentui-toggle
Toggle/switch component with on/off labels
Token Usage
opentui-token-usage
Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approval
opentui-tool-approval
Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Call
opentui-tool-call
Displays an AI tool invocation with status indicator, args, result, and elapsed time
Tooltip
opentui-tooltip
Contextual tooltip on focus or hover
Tree
opentui-tree
Expandable/collapsible tree view
Tree Select
opentui-tree-select
Hierarchical tree selection
Usage Monitor
opentui-usage-monitor
Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual List
opentui-virtual-list
Virtualized list for 10k+ items
Welcome Screen
opentui-welcome-screen
Two-panel welcome dashboard with titled border, logo, greeting, and sections
Wizard
opentui-wizard
Multi-step wizard with per-step validation
Pagination
pagination
Page navigation with prev/next and jump
Panel
panel
Titled bordered panel
Password Input
password-input
Password input with masked characters and reveal toggle
Path Input
path-input
Filesystem path input with tab autocomplete
Pie Chart
pie-chart
Unicode block pie chart with legend
Popover
popover
Positioned popover with arbitrary content
Progress Bar
progress-bar
Determinate progress bar with percent and value/total display
Progress Circle
progress-circle
Circular progress indicator using Unicode braille
QR Code
qr-code
Unicode block QR code generator
Radio Group
radio-group
Mutually exclusive radio button group
Scroll View
scroll-view
Scrollable container with scrollbar
Search Input
search-input
Fuzzy search input with autocomplete
Select
select
Single-select dropdown with arrow-key navigation
Setup Flow
setup-flow
@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
Sidebar
sidebar
Collapsible navigation sidebar panel
Skeleton
skeleton
Shimmer loading placeholder
Spacer
spacer
Flexible space between flex children
Sparkline
sparkline
Inline Unicode braille sparkline chart
Spinner
spinner
Animated spinner with 12+ styles
Splash Screen
splash-screen
Styled startup banner with big ASCII art title, subtitle, author credit, and status line
Stack
stack
Vertical/horizontal stack with gap
Status Message
status-message
Inline status message with icon and color
Stopwatch
stopwatch
Count-up stopwatch with laps and reset
Streaming Text
streaming-text
Token-by-token streaming text with blinking cursor and optional typing animation
Tabbed Content
tabbed-content
Tab bar wired to content panels
Table
table
Sortable, selectable, paginated data table
Tabs
tabs
Tab bar with left/right arrow and tab-key navigation
Tag
tag
Removable chip/tag
Tag Input
tag-input
Add and remove tags inline
Text Area
text-area
Multi-line text editor with word wrap
Text Input
text-input
Single-line text input with placeholder, validation, mask
Theme Provider
theme-provider
Terminal theme provider, design tokens, and theme helpers.
Thinking Block
thinking-block
Collapsible block for displaying extended thinking / reasoning content from an AI model
Time Picker
time-picker
Time picker with hour/minute/second spinners
Timer
timer
Countdown timer with pause/resume and auto-start
Toast
toast
Auto-dismissing toast notification
Toggle
toggle
Toggle/switch component with on/off labels
Token Usage
token-usage
Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approval
tool-approval
Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Call
tool-call
Displays an AI tool invocation with status indicator, args, result, and elapsed time
Tooltip
tooltip
Contextual tooltip on focus or hover
Tree
tree
Expandable/collapsible tree view
Tree Select
tree-select
Hierarchical tree selection
Usage Monitor
usage-monitor
Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual List
virtual-list
Virtualized list for 10k+ items
Welcome Screen
welcome-screen
Two-panel welcome dashboard with titled border, logo, greeting, and sections
Wizard
wizard
Multi-step wizard with per-step validation
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information