SlopScupper
00 crowd

tui-studio

Visual design tool for building Terminal User Interfaces
Open repo on GitHub Open the demogithub.com/jalonsogo/tui-studio
TypeScript · ★ 1548 · 70 forks · MIT · paperwork by the Cap'mmostly ai (inferred)light human (inferred)works-on-my-machine (inferred)cli
listed 9 hours ago by jalonsogo · last checked 50 minutes ago
The owner didn't write this. This repo never submitted itself. The Cap'm found it on a truffle trawl and wrote its paperwork from what GitHub already shows. Picked by hand by the Cap'm on 2026-09-11: a Figma-like visual designer for terminal user interfaces whose designer owner admits "Mostly all the code has been written by Claude". 1546 stars; MIT license. The owner did not submit this. Votes count; awards don't until the owner claims it.

I'm not calling your project slop! Geeze, it's a joke... Do you own this repo?

Log in with GitHub as jalonsogo. There's no account to make: SlopScupper only asks GitHub who you are (read:user), never sees your code, and keeps just your id, login and avatar. Then you can:

  • Keep it, on your terms. Commit your own slopscore.md (spec) and press Refresh. Your paperwork replaces the Cap'm's, and you can submit it for Slop of the Day.
  • Take it down. One click on Remove. It stays gone; the trawl never brings it back.

Log in with GitHub

Can't log in as the owner? Request a takedown. No login needed, and a trawled listing comes down right away.

GitHub says
Visual design tool for building Terminal User Interfaces
website
https://tui.studio
topics
tuitui-application
created
2026-02-14 · pushed 3 months ago · 134 commits · 2 contributors
languages
TypeScript 97%JavaScript 2%CSS 0%Dockerfile 0%HTML 0%
paperwork
licensereadme 42% health
dependencies
no dependency graph (no manifest, or disabled) · OSV.dev, checked 9 hours ago

Disclosures, inferred by the Cap'm

slopbucket
vibe-coded
category
cli
ai_generated
mostly
human_touch
light
status
works-on-my-machine
language (detected)
cssdockerfilehtmljavascripttypescript
topic (detected)
tuitui-application
license (detected)
mit

The Cap'm's log

The Cap'm wrote this paperwork, not the owner. This repo never submitted itself to SlopScore. The Cap'm picked it by hand: a Figma-like visual designer for terminal user interfaces whose designer owner admits "Mostly all the code has been written by Claude". It carries the MIT license. The disclosures above are his best guess from what GitHub shows.

Is this yours? Commit a real slopscore.md and press Refresh to replace this, or remove the listing in one click. There's no account to make: you log in with GitHub.

README — the repo's own words, folded up so the grading fits on one screen

TUIStudio

TUIStudio

Visual design tool for building Terminal User Interfaces

Status

A Figma-like visual editor for designing Terminal UI applications. Drag-and-drop components onto a live canvas, edit properties visually, and export to multiple TUI frameworks. Computer

Features

  • Visual Canvas — Drag-and-drop components with live ANSI preview at configurable zoom levels
  • 20+ TUI Components — Screen, Box, Button, TextInput, Checkbox, Radio, Select, Toggle, Text, Spinner, ProgressBar, Table, List, Tree, Menu, Tabs, Breadcrumb, Modal, Popover, Tooltip, Spacer
  • Layout Engine — Absolute, Flexbox, and Grid layout modes with full property control
  • Color Themes — Dracula, Nord, Solarized Dark/Light, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai — all updating the canvas in real-time
  • Dark / Light Mode — Toggle between dark and light editor UI; persists across sessions
  • Layers Panel — Hierarchical component tree with drag-to-reorder, visibility toggle, lock, and inline rename
  • Property Panel — Edit layout, style, and component-specific props for the selected component
  • Undo / Redo — Full history for all tree mutations
  • Save / Load — .tui JSON format via native OS file picker (Chrome/Edge) or browser download (Firefox/Safari)
  • Multi-Framework Export — Generate code for Ink, BubbleTea, Blessed, Textual, OpenTUI, Tview
  • Command Palette — Cmd/Ctrl+P for quick component creation, theme switching, and dark/light mode toggle
  • Gradient Backgrounds — Add linear gradients to any element background with angle control and N color stops; rendered as discrete character-cell bands matching real ANSI terminal output
  • Settings — Accent color presets, dark/light mode toggle, and default download folder

Star History

Star History Chart

Quick Start

git clone https://github.com/jalonsogo/tui-studio.git
cd tui-studio
npm install
npm run dev

Open http://localhost:5173.

Keyboard Shortcuts

Action Shortcut
Command Palette Cmd/Ctrl+P
Save Cmd/Ctrl+S
Open Cmd/Ctrl+O
Export Cmd/Ctrl+E
Copy Cmd/Ctrl+C
Paste Cmd/Ctrl+V
Delete Backspace / Delete
Undo Cmd/Ctrl+Z
Redo Cmd/Ctrl+Shift+Z / Cmd/Ctrl+Y

Component hotkeys (when not typing):

Key Component Key Component
b Button t Tabs
r Box l List
k Checkbox e Tree
a Radio m Menu
s Select i TextInput
o Toggle p ProgressBar
n Spinner y Text
j Spacer

File Format

Projects are saved as .tui files (JSON):

{
  "version": "1",
  "meta": { "name": "My Screen", "theme": "dracula", "savedAt": "..." },
  "tree": { ... }
}

Export Frameworks

Framework Language
Ink TypeScript / React
BubbleTea Go
Blessed JavaScript
Textual Python
OpenTUI TypeScript
Tview Go

Tech Stack

  • React 19, TypeScript 5.8, Vite 7
  • Zustand 5 — state management
  • Tailwind CSS — editor UI styling
  • Lucide React — icons

Commands

npm run dev      # Start dev server
npm run build    # TypeScript compile + production build
npm run lint     # ESLint
npm run preview  # Preview production build

Issues: GitHub Issues

LOLcense

For {root} sake I'm a designer. Mostly all the code has been written by Claude and ad latere.

Read the rest on GitHub

Scan report · 2026-09-11
  • ✓ Prohibited terms or links
  • ✓ Repository eligibility
  • ✓ slopscore.md paperwork
  • ✓ Content policy
  • ✓ Risk review

0 comments

log in to comment.

report this listing — log in to report