The open-source code for TUI Studio, a Visual Terminal UI Designer, has been released for developers seeking to visually design user interfaces that run in a text terminal. This innovative environment allows users to create interfaces interactively by dragging and dropping pre-made blocks, editing properties in visual mode, and previewing the results in real-time.
Developers can export the generated interface layouts for use in popular frameworks like Ink, BubbleTea, Blessed, Textual, OpenTUI, and Tview. The project is written in TypeScript and utilizes React, Vite, Zustand, Tailwind CSS, and Lucide React.
TUI Studio, available under the MIT license on GitHub, boasts development features like code largely written by the AI assistant Claude. The platform offers more than 20 pre-built components for interface creation, including buttons, menus, tables, lists, progress indicators, dialogs, tooltips, and more.
Moreover, TUI Studio supports eight design themes, light and dark modes, gradient fills, ASCII colors, and accent colors. Users can roll back changes, create custom components, and save projects in a JSON format. The platform also provides a video demonstration of its capabilities as a helpful resource for developers.