- Alat bergaya editor mirip Figma untuk merancang UI aplikasi berbasis terminal secara visual, dengan antarmuka drag-and-drop
- Mendukung lebih dari 20 komponen TUI dan mesin layout mirip CSS, sehingga berbagai elemen seperti Box, Button, dan Table dapat disusun dengan pratinjau ANSI real-time
- Menyediakan 8 tema warna serta fitur simpan/muat proyek, dan dapat dibagikan antar tim sebagai file JSON
.tui
- Ke depannya akan mendukung fitur ekspor kode ke 6 framework seperti Ink, BubbleTea, Blessed, Textual, OpenTUI, Tview (saat ini belum berfungsi karena masih tahap alfa)
- Dapat dijalankan di macOS, Windows, dan Docker, serta dirilis sebagai open source
Ikhtisar
- TUIStudio adalah alat untuk merancang antarmuka pengguna berbasis teks (TUI) untuk aplikasi terminal secara visual
- Pengguna dapat menempatkan komponen di kanvas visual dan menyesuaikan properti secara real-time tanpa menulis kode
- Menawarkan lingkungan editor yang mirip Figma
Fitur utama
- Visual Canvas: menempatkan elemen dengan drag-and-drop dan melihat hasilnya melalui pratinjau ANSI real-time
- Lebih dari 20 komponen: termasuk Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar, dan lainnya
- Mesin layout: mendukung mode Absolute, Flexbox, dan Grid, dengan kontrol properti yang mirip CSS
- 8 tema warna: tersedia Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai, dan lainnya
- Simpan/muat proyek: disimpan dalam format file JSON
.tui untuk mendukung portabilitas dan kolaborasi
Ekspor kode (Export)
- Akan mendukung 6 framework: Ink(TypeScript), BubbleTea(Go), Blessed(JavaScript), Textual(Python), OpenTUI(TypeScript), Tview(Go)
- UI yang sudah dirancang sekali dapat dikonversi menjadi kode untuk berbagai framework
- Saat ini masih dalam tahap alfa, sehingga fitur ekspor kode belum berfungsi
Platform yang didukung
- Dapat dijalankan di macOS, Windows, Docker
- Untuk macOS, jika eksekusi diblokir oleh peringatan keamanan Gatekeeper, diperlukan langkah “klik kanan → Open → Open Anyway”
- Di Windows akan muncul peringatan SmartScreen, dan aplikasi dapat dijalankan lewat “More info → Run anyway”
- Di Linux dapat diinstal tanpa batasan khusus (
dpkg -i atau klik ganda file)
Lisensi dan akses
- Saat ini berada pada tahap early access, dengan fitur editor inti tersedia gratis
- Ke depannya, versi Pro akan menambahkan fitur berbayar seperti fitur tim, sinkronisasi cloud, dan dukungan prioritas
- Mendukung penyimpanan lokal dan berbagi lewat commit Git tanpa akun atau koneksi cloud
Memulai
- Tersedia aplikasi native untuk macOS berbasis Apple Silicon (M1~M4)
- Dapat langsung dijalankan setelah diunduh tanpa proses instalasi
- Versi Windows dan Docker juga tersedia
1 komentar
Komentar Hacker News
Akan lebih baik jika demo video di halaman utama punya tombol putar/jeda dan bilah kontrol
supaya bisa langsung lompat ke bagian yang diinginkan
Video aslinya ada di sini
Juga penasaran apakah ada opsi untuk membuat elemen tetap menempel di kiri/kanan saat ukuran terminal diubah, atau apakah saat jendela dipersempit teks akan terbungkus atau terdorong ke luar layar
Menurut saya UI ini bukan berbasis teks
Hanya karena konsep direpresentasikan 1:1 di dalam sel karakter, itu tidak otomatis berarti bukan GUI
Esensi UX yang penting, dan TUI dibuat untuk efisiensi dan kekuatan (misalnya: lazygit)
Tapi kalau Anda menambahkan tab, tombol, dan checkbox yang bisa diklik dengan mouse, pada dasarnya Anda menerapkan UX GUI, jadi ini cuma TUI yang tampak seperti GUI
Lihat artikel wiki Turbo Vision
Antarmuka apa pun bisa efisien atau tidak efisien
Alasan orang menyukai TUI adalah aksesibilitas lewat SSH dan kesederhanaannya
GUI berbasis grafis yang dikendalikan pada level piksel
Mouse dan TUI muncul lebih dulu daripada GUI, dan sekarang kembali lagi karena alasan praktis
Fakta bahwa ia bisa diekspor ke berbagai framework TUI adalah buktinya
Rasanya tidak perlu terlalu keras memaksakan pembedaan filosofis/bahasa seperti ini
Yang menarik adalah pola bahwa perkembangan alat tertinggal 5~10 tahun dari masalahnya
Kompleksitas operasional sudah ada, tetapi tersebar di banyak pihak kecil, jadi pasar untuk solusi yang terstruktur terbentuk lebih lambat
Ini bukan jalan buntu, melainkan sinyal — ketika alat pertama yang sesuai dengan alur kerja nyata muncul, ia bisa punya leverage besar
Saya tidak ingin TUI terlihat seperti GUI resolusi rendah
Daya tarik TUI justru ada pada meninggalkan kerumitan dan mengejar desain ringkas yang berpusat pada teks
Kalau ada mouse, menurut saya sebaiknya dimanfaatkan untuk meningkatkan discoverability
Sulit untuk mengekspresikan informasi atau interaksi yang rumit, dan juga sulit mengetahui cara mengombinasikannya
Idenya menarik, tetapi saat ini “fitur ekspor kode tidak berfungsi”
Artinya, saat ini belum benar-benar bisa dipakai untuk membuat TUI
Hanya saja masih belum mencapai tingkat yang mereka tuju
Meski mengabaikan kritiknya, menurut saya ini ide yang hebat
Terasa seperti nostalgia era Borland. Saya menantikan perkembangannya
“Sikap yang hanya menekankan hal positif” justru bisa menjadi racun
Seperti yang juga tertulis di Readme, ini terlihat seperti ‘vibe-coded trash’
Saya tidak tahu kenapa ini bisa naik ke halaman depan
Dengan AI, orang bisa membuat sesuatu yang hebat maupun yang buruk
Penolakan ideologis terhadap AI sebenarnya pendapat minoritas dibanding yang dibayangkan
Hanya dari kesan pertama situsnya saja sudah terasa bahwa proyek ini ‘vibe-coded’
Akhir-akhir ini semua situs seperti ini punya gaya visual yang mirip
Animasinya berlebihan, dan terutama situs genAI cenderung lebih parah soal itu
Generasi kode masih belum berfungsi, jadi saya tidak paham kenapa harus memakai ini
Bukankah itu inti utama aplikasi ini
Fenomena gabungan antara estetika retro dan semacam ‘budaya pakar’ atas kemahiran command line
Akan lebih baik jika halaman utama menampilkan jauh lebih banyak screenshot hasilnya