❯ tui.builders

构建终端 UI
像搭建网站一样

基于 SuperLightTUI — zero-unsafe 即时模式 Rust TUI 库。50+ 组件、实时预览、导出生产级代码。更多框架支持即将推出。

$cargo add superlighttui

开始构建查看模板 ->

免费 · 无需注册 · 开源

tui.builders/editor

dashboard.rs

● NORMAL65×22SLT v0.11.0UTF-8

属性

宽度

方向

col

row

边框

rounded

内边距

50+ 组件

模板

预置常见 TUI 模式的布局。在编辑器中打开、定制并导出。

查看全部

dashboard.rs

仪表盘

包含仪表、图表与表格的多面板布局

计数器

表单

50+ 组件7 种主题输出 < 2MB

工作流

01. 设计

02. 配置

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

03. 导出

✓编译完成

0.42 秒完成

04. 运行

工作方式

一个编辑器集成四种能力：可视化设计、属性检查、Rust 导出、主题切换。

组件

text

button

input

list

table

tabs

progress

gauge

sparkline

checkbox

toggle

select

+11 更多

画布

实时

将组件从面板拖到画布。通过容器嵌套可构建复杂布局。

预览

属性

类型

container

名称

计数器

方向

col

row

间距

内边距

边框

rounded&blacktriangledown;

每个组件的完整 API 都以可视化控件呈现。方向、间距、颜色、边框均可编辑。

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);
            });
        });
    })
}