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