❯ tui.builders

Créez des interfaces de terminal
comme des sites web

Propulsé par SuperLightTUI — la bibliothèque Rust TUI en mode immédiat, sans unsafe. 50+ widgets, aperçu en direct, export de code prêt pour la production. D'autres frameworks arrivent bientôt.

$cargo add superlighttui

Commencer Voir les templates ->

Gratuit · Sans inscription · Open source

tui.builders/editor

dashboard.rs

● NORMAL65×22SLT v0.11.0UTF-8

Propriétés

Largeur

Direction

col

row

Bordure

rounded

Padding

50+ widgets

Templates

Mises en page prêtes à l'emploi pour les patterns TUI courants. Ouvrez dans l'éditeur, personnalisez et exportez.

Tout parcourir

dashboard.rs

Tableau de bord

Mise en page multi-panneaux avec jauges, graphiques et tableaux

Compteur

Formulaire

50+ widgets7 thèmes< 2 Mo en sortie

Workflow

01. Concevoir

02. Configurer

let mut ui = Context::new();
ui.col(|ui| {
  ui.text("Hello");
});

03. Exporter

✓Compilé

Terminé en 0,42 s

04. Lancer

Comment ça marche

Quatre outils dans un seul éditeur. Concevez visuellement, inspectez les propriétés, exportez en Rust, changez de thème.

Widgets

text

button

input

list

table

tabs

progress

gauge

sparkline

checkbox

toggle

select

+11 plus

canvas

en direct

Faites glisser des widgets depuis la palette vers le canvas. Imbriquez des conteneurs pour des mises en page complexes.

aperçu

Propriétés

Type

container

Nom

Compteur

Direction

col

row

Espacement

Padding

Bordure

rounded&blacktriangledown;

Chaque widget expose son API complète sous forme de contrôles visuels. Direction, espacement, couleurs, bordures — tout est modifiable.

counter.rsSLT v0.11.0

use slt::{Context, Border, Color};

fn main() -> std::io::Result<()> {
    let mut count: i32 = 0;
    slt::run(|ui: &mut Context| {
        if ui.key('q') { ui.quit(); }
        if ui.key('k') { count += 1; }

        ui.bordered(Border::Rounded)
          .pad(1).gap(1).col(|ui| {
            ui.text("Counter")
              .bold().fg(Color::Cyan);
            ui.row(|ui| {
                ui.text("Count:");
                ui.text(format!("{count}"))
                  .bold().fg(Color::Green);
            });
        });
    })
}