●powered by @opentui/core · native zig core

termino_terminal UI components, built on OpenTUI

Interactive gallery of terminal UI components. Every demo below is live — focus it, press keys, scroll. Because a terminal component is only understood when you touch it. Powered by OpenTUI, the native Zig terminal core.

~/demo/select.tsx — try ↑ ↓ enter

live

$ termino select-demo

▸ New File Create a new file

Open File Open an existing file

Save Save current file

Save As… Save to a new path

────────────────────────

Exit Quit application

event focus() — awaiting keys

picked —

▸Text

Styled text, colors, attributes, selection

▸Box

Borders, titles, flex layout container

▸ScrollBox

Scrollable viewport with sticky scroll

▸ASCIIFont

Large ASCII art text

▸Input

Text field with cursor and focus states

▸Select

Keyboard-navigable option list

▸TabSelect

Horizontal tab selection with scroll

▸Code

Tree-sitter syntax highlighting

▸Diff

Unified and split diff viewer

▸TextTable

Tabular data with borders

▸Slider

Value picking with drag or keys

$what powers termino?

OpenTUI is the engine: a native terminal UI core written in Zig with TypeScript bindings. A C ABI exposes it to any language. First-class React and Solid bindings. Flexbox layout, tree-sitter highlighting, focus management, timelines for animation — it powers OpenCode in production.

Termino is the gallery: every component — built-in or custom — rendered the way your terminal will render it, with the two APIs OpenTUI offers: the imperative Renderable API and the declarative Construct API.

browse components →