javieralonso716/tui-studio-web repository overview

⁠TUI Studio

Design Terminal UIs. Visually.

A Figma-like visual editor for TUI applications — drag-and-drop components, edit properties in real-time, and export production-ready code for 6 frameworks with one click.

⁠What is TUI Studio?

TUI Studio is a desktop-class visual designer for terminal user interfaces. It brings the workflow of modern UI tools (canvas, layers panel, property editor, theming) to the world of TUI development — so you can build terminal apps visually instead of coding them blind.

This image serves the TUI Studio web frontend via Nginx, used for browser-based access or self-hosted deployments.

⁠Features

• Visual Canvas — Drag-and-drop 20+ TUI components onto a live canvas with real-time ANSI preview
• Layout Engine — Absolute, Flexbox, and Grid layout modes with full property control
• 8 Color Themes — Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai
• Multi-Framework Export — Generate code for Ink, BubbleTea, Blessed, Textual, OpenTUI, and Tview
• Component Library — Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar, and more
• Portable Projects — Saved as .tui JSON files, shareable across teams

⁠Quick Start

docker run -d --name tui-studio -p 8080:80 javieralonso716/tui-studio-web:latest

Then open http://localhost:8080⁠ in your browser.

⁠Docker Compose

services:
  tui-studio:
    image: jalonsogo/tui-studio
    ports:
      - "8080:80"
    restart: unless-stopped

⁠Desktop App

Prefer a native experience? Download the macOS desktop app (Apple Silicon) from the GitHub Releases page.

⁠Links

• Website: tui.studio⁠