TamboUI

jbang demos@tamboui

// All three backends implement the same Backend interface
try (var backend = BackendFactory.create()) {  // picks best available
    backend.enterAlternateScreen();
    backend.enableRawMode();
    backend.enableMouseCapture();
    // ...
    backend.leaveAlternateScreen();
}

// A Buffer is a 2D grid of Cells
var buffer = Buffer.empty(new Rect(0, 0, 80, 24));

// A Cell has a symbol and a Style
buffer.set(0, 0, new Cell("H", Style.EMPTY.fg(Color.RED).bold()));

// Rect: x, y, width, height, used everywhere for layout
var area = new Rect(10, 5, 60, 14);

try (var tui = TuiRunner.create()) {
    tui.run(
        (event, runner) -> false,
        frame -> {
            var para = Paragraph.builder()
                .text(Text.from("Hello, TamboUI!"))
                .block(Block.bordered())
                .build();
            frame.renderWidget(para, frame.area());
        }
    );
}

public interface Widget {
    void render(Rect area, Buffer buffer);
}

public interface StatefulWidget<S> {
    void render(Rect area, Buffer buffer, S state);
}

Paragraph paragraph = Paragraph.builder()
    .text(Text.from("This is a paragraph of text that can wrap across multiple lines."))
    .overflow(Overflow.WRAP_WORD)
    .alignment(Alignment.LEFT)
    .block(Block.builder()
        .title("Description")
        .borders(Borders.ALL)
        .build())
    .build();

paragraph.render(area, buffer);

var layout = Layout.horizontal().constraints(
    Constraint.percentage(30),   // sidebar
    Constraint.min(20),          // main content, at least 20 cols
    Constraint.length(10)        // fixed-width panel
);

var rects = layout.split(frame.area());

int[] count = {0};
try (var tui = TuiRunner.create()) {
    tui.run(
        (event, runner) -> switch (event) {
            case KeyEvent k when k.isQuit() -> { runner.quit(); yield false; }
            case KeyEvent k when k.isUp()   -> { count[0]++; yield true; }
            case KeyEvent k when k.isDown() -> { count[0]--; yield true; }
            default -> false;
        },
        frame -> frame.renderWidget(
            Paragraph.builder()
                .text(Text.from("Count: " + count[0]))
                .centered()
                .build(),
            frame.area())
    );
}

var config = TuiConfig.builder()
    .mouseCapture(true)
    .tickRate(Duration.ofMillis(16))        // ~60 fps
    .resizeGracePeriod(Duration.ofMillis(250))
    .bindings(BindingSets.vim())            // hjkl out of the box
    .errorHandler(RenderErrorHandlers.displayAndQuit())
    .build();

try (var tui = TuiRunner.create(config)) {
    tui.scheduler().scheduleAtFixedRate(
        this::pollBackend, 1, 1, TimeUnit.SECONDS);
    tui.run(this::onEvent, this::render);
}

public class CounterApp extends ToolkitApp {
    private int count = 0;

    @Override
    protected Element render() {
        return column(
            panel(text("Count: " + count).bold().cyan())
                .title("Counter").rounded().fill(),
            panel(text(" ↑/↓: change  q: quit ").dim())
                .rounded().length(3)
        );
    }

    @OnAction(Actions.MOVE_UP)   void inc(Event e) { count++; }
    @OnAction(Actions.MOVE_DOWN) void dec(Event e) { count--; }

    public static void main(String[] args) throws Exception {
        new CounterApp().run();
    }
}

@Override
protected Element render() {
    return column(
        header(),
        row(sidebar(), mainContent()),
        statusBar()
    ).fill();
}

private Element sidebar() {
    return panel(
        list("Inbox", "Sent")
            .highlightSymbol("> ")
            .focusable().id("nav")
    ).title("Folders").rounded().length(30);
}

/* app.tcss */
.sidebar        { width: 30%; border-type: plain; border-color: green; }

#nav:focus      { border-type: double; border-color: cyan; }
#nav:hover      { background: #1e2838; }

.item:selected  { background: #005fd7; color: white; text-style: bold; }

jbang richtext-demo@tamboui/tamboui

engine.loadStylesheet("dark", "/themes/dark.tcss");
engine.loadStylesheet("light", "/themes/light.tcss");
engine.setActiveStylesheet("dark");   // at runtime, live!

jbang css-demo@tamboui/tamboui

jbang tfx-toolkit-demo@tamboui/tamboui

./gradlew nativeCompile
./build/native/nativeCompile/myapp     # ~10 MB, starts in ms

jbang demos@tamboui