TUI Studio – टर्मिनल UI डिज़ाइन टूल

 (tui.studio)
33 पॉइंट द्वारा GN⁺ 2026-03-14 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • टर्मिनल-आधारित एप्लिकेशन UI को विज़ुअली डिज़ाइन करने वाला Figma-जैसा एडिटर, जो drag-and-drop इंटरफ़ेस प्रदान करता है
  • 20 से अधिक TUI components और CSS-जैसे layout engine का समर्थन, जिससे Box·Button·Table जैसे विभिन्न components को real-time ANSI preview में रखा जा सकता है
  • 8 color themes और project save/load फीचर उपलब्ध, तथा .tui JSON फ़ाइलों के रूप में टीमों के बीच साझा किया जा सकता है
  • आगे चलकर Ink, BubbleTea, Blessed, Textual, OpenTUI, Tview सहित 6 frameworks में code export का समर्थन करने की योजना (फ़िलहाल alpha चरण में, इसलिए काम नहीं करता)
  • macOS, Windows, Docker वातावरण में चलाया जा सकता है, और open source के रूप में जारी किया गया है

अवलोकन

  • TUIStudio टर्मिनल एप्लिकेशन के लिए text-based user interface (TUI) को विज़ुअली डिज़ाइन करने का टूल है
    • उपयोगकर्ता बिना code लिखे visual canvas पर components रख सकते हैं और properties को real-time में समायोजित कर सकते हैं
    • यह Figma जैसी editing environment प्रदान करता है

मुख्य फीचर्स

  • Visual Canvas: drag-and-drop से elements को रखें, और real-time ANSI preview के ज़रिए परिणाम देख सकते हैं
  • 20 से अधिक components: Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar आदि शामिल
  • Layout engine: Absolute, Flexbox, Grid modes का समर्थन, और CSS-जैसा property control संभव
  • 8 color themes: Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai आदि उपलब्ध
  • Project save/load: .tui JSON फ़ाइल फ़ॉर्मेट में सहेजकर portability और collaboration का समर्थन

Code export

  • 6 frameworks का नियोजित समर्थन: Ink(TypeScript), BubbleTea(Go), Blessed(JavaScript), Textual(Python), OpenTUI(TypeScript), Tview(Go)
  • एक बार डिज़ाइन किए गए UI को कई frameworks के code में बदला जा सकेगा
  • अभी alpha चरण में होने के कारण code export फीचर काम नहीं करता

समर्थित प्लेटफ़ॉर्म

  • macOS, Windows, Docker वातावरण में चलाया जा सकता है
  • macOS में Gatekeeper security warning की वजह से रन ब्लॉक हो तो “राइट क्लिक → Open → Open Anyway” प्रक्रिया की आवश्यकता होती है
  • Windows में SmartScreen warning दिखाई देती है, और “More info → Run anyway” के ज़रिए चलाया जा सकता है
  • Linux में अलग से कोई बाधा नहीं, इंस्टॉल किया जा सकता है (dpkg -i या फ़ाइल पर double-click)

लाइसेंस और एक्सेस

  • अभी early access चरण में है, और मुख्य editing फीचर्स मुफ्त उपलब्ध हैं
  • भविष्य में Pro version में team features, cloud sync, priority support जैसी paid सुविधाएँ जोड़ी जाएँगी
  • account या cloud connection के बिना local save और Git commit sharing संभव है

शुरुआत कैसे करें

  • Apple Silicon(M1~M4) आधारित macOS के लिए native app उपलब्ध
  • इंस्टॉलेशन के बिना डाउनलोड के तुरंत बाद चलाया जा सकता है
  • Windows और Docker versions भी उपलब्ध हैं

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2026-03-14
Hacker News की राय

  • अच्छा होता अगर मुख्य पेज पर वीडियो डेमो में play/pause और control bar होता
    ताकि मनचाहे हिस्से पर सीधे जाया जा सके
    असली वीडियो यहाँ है
    साथ ही यह भी जानना है कि टर्मिनल का आकार बदलने पर elements को बाएँ/दाएँ fix करने का विकल्प है या नहीं, या फिर विंडो संकरी होने पर text wrap होता है या स्क्रीन से बाहर खिसक जाता है

    • Firefox में right click करके “Show controls” चुनें तो control bar दिखाया जा सकता है

  • मुझे नहीं लगता कि ये UI text-based नहीं हैं
    सिर्फ इसलिए कि concepts को character cells में 1:1 दिखाया जाता है, इसका मतलब यह नहीं कि वह GUI नहीं है
    UX का सार ज़्यादा महत्वपूर्ण है, और TUI दक्षता और शक्ति के लिए बनाए गए थे (जैसे: lazygit)
    लेकिन अगर आप mouse से click होने वाले tabs, buttons, checkboxes जोड़ते हैं, तो आप असल में GUI UX लागू कर रहे हैं, और वह सिर्फ GUI जैसा दिखने वाला TUI है

    • मैं इससे कड़ा असहमत हूँ। Borland TurboVision DOS दौर के बेहतरीन TUI toolkits में से एक था, और उसमें checkboxes, radio buttons, menus आदि के लिए mouse support built-in था
      Turbo Vision विकि दस्तावेज़ देखें
    • अगर आप text से बने elements इस्तेमाल कर रहे हैं, तो वह TUI है
      कोई भी interface efficient भी हो सकता है और inefficient भी
      लोग TUI को SSH के ज़रिए accessibility और सादगी की वजह से पसंद करते हैं
    • TUI text से बनता है और terminal की सीमाओं के भीतर काम करता है
      GUI graphics-based होता है, जिसमें pixel स्तर पर control होता है
      mouse और TUI, GUI से पहले आए थे, और अब व्यावहारिक कारणों से फिर वापस आ रहे हैं
    • ये UI सिर्फ text से बने हैं, इसलिए साफ़ तौर पर TUI हैं
      कई TUI frameworks में export किया जा सकना इसका सबूत है
    • Zellij जैसे उदाहरणों में keyboard से सब कुछ किया जा सकता है, लेकिन कभी-कभी mouse से tab click करने पर भी functionality का नुकसान नहीं होता
      मुझे नहीं लगता कि इस पर दार्शनिक/भाषाई विभाजन को बहुत ज़ोर से लागू करने की ज़रूरत है

  • दिलचस्प बात यह है कि समस्या के बाद tools का 5~10 साल देर से विकसित होना एक पैटर्न जैसा है
    operational complexity पहले से मौजूद होती है, लेकिन वह कई छोटे पक्षों में बंटी रहती है, इसलिए structured solutions का market देर से बनता है
    यह dead end नहीं बल्कि एक संकेत है — जब वास्तविक workflows से मेल खाने वाला पहला tool आता है, तो उसके पास बड़ा leverage हो सकता है

  • मैं नहीं चाहता कि TUI low-resolution GUI जैसा दिखे
    TUI की खूबी यही है कि वह जटिलता छोड़कर सरल, text-centric design अपनाता है

    • लेकिन 1980~1990 के दशक के TUI वास्तव में low-resolution GUI जैसे ही दिखते थे
      अगर mouse है, तो मेरा मानना है कि उसे discoverability बढ़ाने के लिए इस्तेमाल करना अच्छा है
    • इसलिए मुझे TUI पसंद नहीं हैं
      जटिल जानकारी या interaction दिखाना कठिन होता है, और चीज़ों को जोड़कर इस्तेमाल करने का तरीका समझना भी मुश्किल होता है

  • आइडिया दिलचस्प है, लेकिन अभी “code export feature काम नहीं करती”
    यानी अभी वास्तव में TUI बनाया ही नहीं जा सकता

    • फिर भी layout design तो किया जा सकता है
      बस वे जिस स्तर तक पहुँचना चाहते हैं, वहाँ तक अभी नहीं पहुँचे हैं

  • आलोचना को नज़रअंदाज़ भी कर दें, तब भी मुझे यह शानदार आइडिया लगता है
    इसमें Borland दौर की nostalgia महसूस होती है। आगे यह कैसे बढ़ेगा, देखने लायक होगा

    • लेकिन ठोस आलोचना को भी अनदेखा नहीं करना चाहिए
      “सिर्फ सकारात्मकता पर ज़ोर” देने वाला रवैया उल्टा नुकसान कर सकता है

  • जैसा Readme में भी लिखा है, यह ‘vibe-coded trash’ जैसा लगता है
    समझ नहीं आता कि यह फ्रंटपेज तक क्यों पहुँचा

    • अब लगभग हर software में AI assistance का इस्तेमाल होने लगेगा
      AI से शानदार चीज़ें भी बन सकती हैं और बेहद खराब चीज़ें भी
      AI के प्रति वैचारिक विरोध, लोगों की सोच से कम व्यापक राय है

  • सिर्फ वेबसाइट के पहले impression से ही लगता है कि यह प्रोजेक्ट ‘vibe-coded’ है
    आजकल ऐसी साइटों की visual style लगभग एक जैसी हो गई है

    • पेज खुलते ही fan चलने लगा
      animations बहुत ज़्यादा हैं, और खासकर genAI sites में यह और भी ज़्यादा होता है

  • code generation अभी काम ही नहीं कर रहा, तो समझ नहीं आता कि इसे क्यों इस्तेमाल करूँ
    क्या यही इस app का मुख्य बिंदु नहीं है

    • आजकल TUI का क्रेज़ चल रहा है
      यह retro aesthetics और command line में दक्षता वाली एक तरह की ‘expert culture’ का मेल है
    • यह बस AI से बनी वेबसाइट दिखाने के लिए बनाया गया लगता है

  • अच्छा होता अगर मुख्य पेज पर नतीजों के screenshots कहीं ज़्यादा होते