❯ 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. 실행

작동 방식

하나의 에디터에 4가지 도구를 담았습니다. 시각적으로 설계하고, 속성을 확인하고, 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);
            });
        });
    })
}