AlertalertAlert box with success/error/warning/info variants
App Shellapp-shellFull-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratioaspect-ratioConstrains children to a given aspect ratio
BadgebadgeSemantic status indicator badge (success/error/warning/info)
BannerbannerFull-width announcement banner
Bar Chartbar-chartHorizontal and vertical bar chart with labels
Big Textbig-textFiglet-style large ASCII art text
BoxboxEnhanced flexbox container with theme-aware borders
BreadcrumbbreadcrumbBreadcrumb navigation trail
Bullet Listbullet-listNested structured content with ●/└/□ bullet prefixes
CardcardCard with header, body, and footer slots
CentercenterCenters children horizontally and vertically
Chat Messagechat-messageChat message bubble with role label, streaming indicator, and collapsible content
Chat Threadchat-threadScrollable container for stacking ChatMessage components in a conversation thread
CheckboxcheckboxCheckbox with indeterminate state
Checkbox Groupcheckbox-groupCheckbox group with min/max selection
ClipboardclipboardCopy-to-clipboard button with success feedback
ClockclockReal-time clock display with 12h/24h and date
CodecodeSyntax-highlighted code block (50+ languages)
Color Pickercolor-pickerColor picker with palette, hex, and RGB input
ColumnscolumnsMulti-column layout with configurable widths
Command Palettecommand-paletteVS Code–style command palette with fuzzy search
ConfirmconfirmYes/No confirmation prompt
Conversation Historyconversation-historyArrow-key scrollable stack for long assistant threads with optional hint
Data Griddata-gridAdvanced data grid with sorting, filtering, pagination, and cell editing
Date Pickerdate-pickerCalendar date picker with keyboard navigation
DefinitiondefinitionTerm–description definition list
DialogdialogConfirmation dialog with OK/Cancel actions
Diff Viewdiff-viewUnified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
DigitsdigitsBox-drawing character numerals
Directory Treedirectory-treeFilesystem browser with expand/collapse
DividerdividerHorizontal or vertical divider / rule
DrawerdrawerSlide-in panel from any edge
Email Inputemail-inputEmail input with validation and domain suggestions
Embedded Terminalembedded-terminalEmbedded PTY terminal panel (requires node-pty peer)
Error Boundaryerror-boundaryReact error boundary with graceful terminal display
Error Retryerror-retryInline error panel with retry, dismiss, and max-retry guard
File Changefile-changeInteractive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Pickerfile-pickerInteractive file browser and picker
FormformForm container with validation, Ctrl+S submit, and dirty tracking
Form Fieldform-fieldForm field wrapper with label, hint, and error
GaugegaugeArc/speedometer gauge meter
Git Statusgit-statusGit status display (branch, staged, modified, ahead/behind)
GradientgradientColor gradient text
GridgridRows × columns grid layout
Headingheadingh1–h4 styled headings with optional figlet ASCII art
Heat Mapheat-mapGrid heatmap with color intensity scale
HelphelpAuto-generated help panel from a keymap
Help Screenhelp-screenFiglet banner + tagline + aligned Options/Commands help sections
ImageimageImage renderer with iTerm2/Kitty protocol and ASCII fallback
Info Boxinfo-boxBordered info panel with header, key-value rows, and tree-prefix rows
JSONjsonPretty-printed JSON with collapsible nodes
Key Valuekey-valueAligned key–value pairs
Keyboard Shortcutskeyboard-shortcutsFormatted keyboard shortcut reference table
Line Chartline-chartASCII line chart with axes and multi-series support
LinklinkOSC 8 clickable hyperlink
ListlistNavigable list with optional filtering
LoglogScrolling log viewer with severity levels and filtering
Login Flowlogin-flowFull-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
MarkdownmarkdownFull markdown renderer for terminal
Masked Inputmasked-inputMasked input for phone, date, credit card formats
MenumenuDropdown menu with nested submenus
ModalmodalFocus-trapped overlay modal, close with Esc
Model Selectormodel-selectorKeyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progressmulti-progressParallel progress display for package managers, build pipelines, and deploy tools
Multi Selectmulti-selectMulti-select list with checkboxes and select-all
Number Inputnumber-inputNumeric input with increment/decrement and bounds
Alertopentui-alertAlert box with success/error/warning/info variants
App Shellopentui-app-shellFull-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer
Aspect Ratioopentui-aspect-ratioConstrains children to a given aspect ratio
Badgeopentui-badgeSemantic status indicator badge (success/error/warning/info)
Banneropentui-bannerFull-width announcement banner
Bar Chartopentui-bar-chartHorizontal and vertical bar chart with labels
Big Textopentui-big-textFiglet-style large ASCII art text
Boxopentui-boxEnhanced flexbox container with theme-aware borders
Breadcrumbopentui-breadcrumbBreadcrumb navigation trail
Bullet Listopentui-bullet-listNested structured content with ●/└/□ bullet prefixes
Cardopentui-cardCard with header, body, and footer slots
Centeropentui-centerCenters children horizontally and vertically
Chat Messageopentui-chat-messageChat message bubble with role label, streaming indicator, and collapsible content
Chat Threadopentui-chat-threadScrollable container for stacking ChatMessage components in a conversation thread
Checkboxopentui-checkboxCheckbox with indeterminate state
Checkbox Groupopentui-checkbox-groupCheckbox group with min/max selection
Clipboardopentui-clipboardCopy-to-clipboard button with success feedback
Clockopentui-clockReal-time clock display with 12h/24h and date
Codeopentui-codeSyntax-highlighted code block (50+ languages)
Color Pickeropentui-color-pickerColor picker with palette, hex, and RGB input
Columnsopentui-columnsMulti-column layout with configurable widths
Command Paletteopentui-command-paletteVS Code–style command palette with fuzzy search
Confirmopentui-confirmYes/No confirmation prompt
Data Gridopentui-data-gridAdvanced data grid with sorting, filtering, pagination, and cell editing
Date Pickeropentui-date-pickerCalendar date picker with keyboard navigation
Definitionopentui-definitionTerm–description definition list
Dialogopentui-dialogConfirmation dialog with OK/Cancel actions
Diff Viewopentui-diff-viewUnified, split, and inline diff viewer with LCS-based diff algorithm and line numbers
Digitsopentui-digitsBox-drawing character numerals
Directory Treeopentui-directory-treeFilesystem browser with expand/collapse
Divideropentui-dividerHorizontal or vertical divider / rule
Draweropentui-drawerSlide-in panel from any edge
Email Inputopentui-email-inputEmail input with validation and domain suggestions
Embedded Terminalopentui-embedded-terminalEmbedded PTY terminal panel (requires node-pty peer)
Error Boundaryopentui-error-boundaryReact error boundary with graceful terminal display
File Changeopentui-file-changeInteractive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut
File Pickeropentui-file-pickerInteractive file browser and picker
Formopentui-formForm container with validation, Ctrl+S submit, and dirty tracking
Form Fieldopentui-form-fieldForm field wrapper with label, hint, and error
Gaugeopentui-gaugeArc/speedometer gauge meter
Git Statusopentui-git-statusGit status display (branch, staged, modified, ahead/behind)
Gradientopentui-gradientColor gradient text
Gridopentui-gridRows × columns grid layout
Headingopentui-headingh1–h4 styled headings with optional figlet ASCII art
Heat Mapopentui-heat-mapGrid heatmap with color intensity scale
Helpopentui-helpAuto-generated help panel from a keymap
Help Screenopentui-help-screenFiglet banner + tagline + aligned Options/Commands help sections
Imageopentui-imageImage renderer with iTerm2/Kitty protocol and ASCII fallback
Info Boxopentui-info-boxBordered info panel with header, key-value rows, and tree-prefix rows
JSONopentui-jsonPretty-printed JSON with collapsible nodes
Key Valueopentui-key-valueAligned key–value pairs
Keyboard Shortcutsopentui-keyboard-shortcutsFormatted keyboard shortcut reference table
Line Chartopentui-line-chartASCII line chart with axes and multi-series support
Linkopentui-linkOSC 8 clickable hyperlink
Listopentui-listNavigable list with optional filtering
Logopentui-logScrolling log viewer with severity levels and filtering
Login Flowopentui-login-flowFull-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select
Markdownopentui-markdownFull markdown renderer for terminal
Masked Inputopentui-masked-inputMasked input for phone, date, credit card formats
Menuopentui-menuDropdown menu with nested submenus
Modalopentui-modalFocus-trapped overlay modal, close with Esc
Model Selectoropentui-model-selectorKeyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display
Multi Progressopentui-multi-progressParallel progress display for package managers, build pipelines, and deploy tools
Multi Selectopentui-multi-selectMulti-select list with checkboxes and select-all
Notification Badgeopentui-notification-badgeNotification Badge component for OpenTUI React.
Number Inputopentui-number-inputNumeric input with increment/decrement and bounds
Paginationopentui-paginationPage navigation with prev/next and jump
Panelopentui-panelTitled bordered panel
Password Inputopentui-password-inputPassword input with masked characters and reveal toggle
Path Inputopentui-path-inputFilesystem path input with tab autocomplete
Pie Chartopentui-pie-chartUnicode block pie chart with legend
Popoveropentui-popoverPositioned popover with arbitrary content
Progress Baropentui-progress-barDeterminate progress bar with percent and value/total display
Progress Circleopentui-progress-circleCircular progress indicator using Unicode braille
QR Codeopentui-qr-codeUnicode block QR code generator
Radio Groupopentui-radio-groupMutually exclusive radio button group
Scroll Viewopentui-scroll-viewScrollable container with scrollbar
Search Inputopentui-search-inputFuzzy search input with autocomplete
Selectopentui-selectSingle-select dropdown with arrow-key navigation
Setup Flowopentui-setup-flow@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
Sidebaropentui-sidebarCollapsible navigation sidebar panel
Skeletonopentui-skeletonShimmer loading placeholder
Spaceropentui-spacerFlexible space between flex children
Sparklineopentui-sparklineInline Unicode braille sparkline chart
Spinneropentui-spinnerAnimated spinner with 12+ styles
Splash Screenopentui-splash-screenStyled startup banner with big ASCII art title, subtitle, author credit, and status line
Stackopentui-stackVertical/horizontal stack with gap
Status Messageopentui-status-messageInline status message with icon and color
Stopwatchopentui-stopwatchCount-up stopwatch with laps and reset
Streaming Textopentui-streaming-textToken-by-token streaming text with blinking cursor and optional typing animation
Tabbed Contentopentui-tabbed-contentTab bar wired to content panels
Tableopentui-tableSortable, selectable, paginated data table
Tabsopentui-tabsTab bar with left/right arrow and tab-key navigation
Tagopentui-tagRemovable chip/tag
Tag Inputopentui-tag-inputAdd and remove tags inline
Text Areaopentui-text-areaMulti-line text editor with word wrap
Text Inputopentui-text-inputSingle-line text input with placeholder, validation, mask
Theme Provideropentui-theme-providerTerminal theme provider, design tokens, and theme helpers.
Thinking Blockopentui-thinking-blockCollapsible block for displaying extended thinking / reasoning content from an AI model
Time Pickeropentui-time-pickerTime picker with hour/minute/second spinners
Timeropentui-timerCountdown timer with pause/resume and auto-start
Toastopentui-toastAuto-dismissing toast notification
Toggleopentui-toggleToggle/switch component with on/off labels
Token Usageopentui-token-usageCompact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approvalopentui-tool-approvalInteractive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Callopentui-tool-callDisplays an AI tool invocation with status indicator, args, result, and elapsed time
Tooltipopentui-tooltipContextual tooltip on focus or hover
Treeopentui-treeExpandable/collapsible tree view
Tree Selectopentui-tree-selectHierarchical tree selection
Usage Monitoropentui-usage-monitorReal-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual Listopentui-virtual-listVirtualized list for 10k+ items
Welcome Screenopentui-welcome-screenTwo-panel welcome dashboard with titled border, logo, greeting, and sections
Wizardopentui-wizardMulti-step wizard with per-step validation
PaginationpaginationPage navigation with prev/next and jump
PanelpanelTitled bordered panel
Password Inputpassword-inputPassword input with masked characters and reveal toggle
Path Inputpath-inputFilesystem path input with tab autocomplete
Pie Chartpie-chartUnicode block pie chart with legend
PopoverpopoverPositioned popover with arbitrary content
Progress Barprogress-barDeterminate progress bar with percent and value/total display
Progress Circleprogress-circleCircular progress indicator using Unicode braille
QR Codeqr-codeUnicode block QR code generator
Radio Groupradio-groupMutually exclusive radio button group
Scroll Viewscroll-viewScrollable container with scrollbar
Search Inputsearch-inputFuzzy search input with autocomplete
SelectselectSingle-select dropdown with arrow-key navigation
Setup Flowsetup-flow@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select
SidebarsidebarCollapsible navigation sidebar panel
SkeletonskeletonShimmer loading placeholder
SpacerspacerFlexible space between flex children
SparklinesparklineInline Unicode braille sparkline chart
SpinnerspinnerAnimated spinner with 12+ styles
Splash Screensplash-screenStyled startup banner with big ASCII art title, subtitle, author credit, and status line
StackstackVertical/horizontal stack with gap
Status Messagestatus-messageInline status message with icon and color
StopwatchstopwatchCount-up stopwatch with laps and reset
Streaming Textstreaming-textToken-by-token streaming text with blinking cursor and optional typing animation
Tabbed Contenttabbed-contentTab bar wired to content panels
TabletableSortable, selectable, paginated data table
TabstabsTab bar with left/right arrow and tab-key navigation
TagtagRemovable chip/tag
Tag Inputtag-inputAdd and remove tags inline
Text Areatext-areaMulti-line text editor with word wrap
Text Inputtext-inputSingle-line text input with placeholder, validation, mask
Theme Providertheme-providerTerminal theme provider, design tokens, and theme helpers.
Thinking Blockthinking-blockCollapsible block for displaying extended thinking / reasoning content from an AI model
Time Pickertime-pickerTime picker with hour/minute/second spinners
TimertimerCountdown timer with pause/resume and auto-start
ToasttoastAuto-dismissing toast notification
ToggletoggleToggle/switch component with on/off labels
Token Usagetoken-usageCompact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill
Tool Approvaltool-approvalInteractive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout
Tool Calltool-callDisplays an AI tool invocation with status indicator, args, result, and elapsed time
TooltiptooltipContextual tooltip on focus or hover
TreetreeExpandable/collapsible tree view
Tree Selecttree-selectHierarchical tree selection
Usage Monitorusage-monitorReal-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar
Virtual Listvirtual-listVirtualized list for 10k+ items
Welcome Screenwelcome-screenTwo-panel welcome dashboard with titled border, logo, greeting, and sections
WizardwizardMulti-step wizard with per-step validation