Qubik's Site

January 28, 2025

CategoriesDesignTags#tui#terminal
Designing a TUI on the Web

Designing a TUI on the Web

The theme is modeled on modern terminal user interfaces: a tool bar at the top, a status bar at the bottom, a file explorer on the side, and floating utility windows over a fixed shell frame.

Why a fixed frame

Keeping the chrome fixed and scrolling only the viewport panel makes the site feel like an editor rather than a document — the defining move of the design language.

qubik65536@qubik-site:~/posts/tui-design$ license

Designing a TUI on the Web

Author
Qian Qian "Qubik"
Published
January 28, 2025
Updated
July 29, 2026

This article is licensed under CC BY-NC-SA 4.0.

qubik65536@qubik-site:~/posts/tui-design$ comments

Comments

READ~/posts/tui-design
TOPdark