TUIStudio – Pour désigner vos applications terminal

Vous avez déjà essayé de dessiner une TUI (Interface utilisateur pour le Terminal) à la main dans votre IDE ?

Genre, calculer les paddings d’une Box ANSI à la mano et compter les caractères Unicode pour aligner trois colonnes ? Pffff quelle galère !! Hé bien cette mauvaise expérience, Javier Alonso Gómez, Staff Design Technologist chez Docker, vient de la transformer en simple drag-and-drop avec son outil
TUIStudio
.

En gros, c’est comme Figma mais pour vos applis terminal.

Vous lancez l’éditeur, vous balancez des composants sur un canvas, et un aperçu ANSI temps réel vous montre ce que ça donnera dans un vrai terminal. Il y a 21 composants prêts à l’emploi (Box, Button, TextInput, Table, Tree, Modal, Tabs, Spinner…), avec un moteur de layout qui supporte Absolute, Flexbox et Grid.

C’est du CSS pour le terminal si vous préférez et le truc cool, c’est que ça reste fidèle au rendu final, donc fini les tableaux qui débordent sans raison !

J’suis pas encore super doué !

Côté thèmes, vous avez également le droit à 8 palettes intégrées (Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox et Sonokai), et le canvas se met à jour live quand vous changez. Sympa, hein !

Niveau export, TUIStudio cible les frameworks Ink (TypeScript), BubbleTea (Go), Blessed (JavaScript), Textual (Python), OpenTUI (TypeScript) et Tview (Go) mais d’après ce que j’ai lu sur le site officiel, la fonction d’export vers tout ça n’est pas encore opérationnelle. Mais ça m’étonne car lors de mes tests, j’ai quand même pu voir que ça fonctionnait… Donc j’sais pas, peut-être que le site web n’a pas été mis à jour et que l’export est bien opérationnel ?

L’export

Ça tourne sur macOS Apple Silicon, Windows et Linux (.deb) et le code est sous licence MIT sur le
repo GitHub
.

Amusez-vous bien !