whatisgithub

What is vue-tui?

simon-he95/vue-tui — explained in plain English

Analysis updated 2026-08-04 · repo last pushed 2026-07-31

212TypeScriptAudience · developerComplexity · 3/5ActiveSetup · moderate

In one sentence

A Vue component library for building terminal-style user interfaces that can run either in a web browser or as a real command-line program, letting you write your UI once and render it in both environments.

Mindmap

mindmap
  root((repo))
    What it does
      Terminal UI components
      Browser and CLI rendering
      Write once run anywhere
    Tech stack
      Vue
      TypeScript
      ANSI escape codes
      HTML renderer
    Use cases
      AI agent console
      Terminal dashboards in browser
      Rich CLI tools
      Headless testing
    Advanced features
      Streaming markdown
      Virtualized lists
      3D and charts in terminal
      Mermaid diagrams
    Audience
      Vue developers
      CLI tool builders
      Dashboard creators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build an AI agent console that streams text output, shows tool-call status, renders markdown, and accepts user input in one terminal view.

USE CASE 2

Create a dashboard that looks like a terminal screen but runs in a web browser.

USE CASE 3

Build a real command-line tool with a richer interactive interface than plain print statements.

USE CASE 4

Write headless tests to verify your terminal UI behaves correctly without launching a real terminal.

What is it built with?

VueTypeScriptNode.jsANSI

How does it compare?

simon-he95/vue-tuidev-ocr/polymarket-arbitrage-trading-botgajus/zod-compiler
Stars212213213
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-07-31
MaintenanceActive
Setup difficultymoderatehardeasy
Complexity3/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires understanding the two renderer paths (browser vs CLI) and structuring your app around the terminal provider grid system.

No license information was provided in the explanation, so the terms of use are unknown.

So what is it?

Vue TUI lets you build terminal-style interfaces using Vue components, and those same components can render either in a web browser or as a real command-line program. The core pitch is "write your UI once, run it in the browser or the terminal." You get building blocks like boxes, text, inputs, lists, and tables, all styled and laid out as if they lived in a terminal screen. At a high level, you wrap your app in a terminal provider that manages a grid of text cells. Components like TBox and TInput draw into that grid. From there, one renderer can turn the grid into HTML for a browser page, and another renderer can output ANSI escape codes to a real terminal via stdout. The same Vue component tree drives both. The project also ships streaming markdown rendering, virtualized lists for large datasets, and log viewers designed to handle high volumes of output without choking. The most compelling use case is building an AI agent console, a terminal surface that streams an agent's text output, shows tool-call status, renders markdown, and accepts user input, all in one cohesive view. Beyond that, anyone who wants to build a dashboard that looks like a terminal but runs in a browser, or a genuine CLI tool with a richer interface than plain print statements, would find this useful. It also supports headless testing, so you can verify your terminal UI behaves correctly without spinning up a real terminal. The project is careful about separating browser-safe code from Node-only code. Browser imports will never pull in native dependencies, while CLI-specific functionality lives behind a dedicated entry point. Some experimental features push further than you might expect, there is support for rendering 3D scenes, video frames, charts, and mermaid diagrams inside a terminal, though the more advanced graphics require specific terminal emulators like kitty or iTerm2 and degrade to ASCII art otherwise. The stable surface covers the terminal core, DOM and CLI rendering, Vue components, and markdown, while high-throughput and agent-specific APIs are still marked experimental.

Copy-paste prompts

Prompt 1
Using vue-tui, scaffold a Vue component that renders a streaming text console inside a web browser, including a TBox container, a TInput for user commands, and a scrollable log viewer for output.
Prompt 2
Create a vue-tui based CLI program that accepts text input from the terminal, streams a simulated AI agent response with markdown rendering, and displays tool-call status updates inline.
Prompt 3
Build a headless test for a vue-tui component tree that verifies a TList renders 1000 items via virtualization without errors, without spinning up a real terminal.
Prompt 4
Using vue-tui, design a terminal-style dashboard for a browser page showing a table of metrics, a markdown status panel, and an input box, all styled like a terminal screen.

Frequently asked questions

What is vue-tui?

A Vue component library for building terminal-style user interfaces that can run either in a web browser or as a real command-line program, letting you write your UI once and render it in both environments.

What language is vue-tui written in?

Mainly TypeScript. The stack also includes Vue, TypeScript, Node.js.

Is vue-tui actively maintained?

Active — commit in last 30 days (last push 2026-07-31).

What license does vue-tui use?

No license information was provided in the explanation, so the terms of use are unknown.

How hard is vue-tui to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is vue-tui for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.