jui 0.1.25

jui is a ui set based on slint
SurrealismUI is already supported
more function coming soon

warn

jui will temporarily lock the slint version is 1.5.1, because slint#5260
please use the following method to import the latest version of Jui and lock the slint version

[dependencies]
slint = "~1.5.1"

[build-dependencies]
jui = "0.1.25"
# jui = { version = "0.1.25", features = ["surrealism_ui"] }

Supported components

Supported data

Supported icons

SurrealismUI example

features enable surrealism_ui, Cargo.toml file like example:

[dependencies]
slint = "~1.5.1"

[build-dependencies]
jui = { version = "0.1.25", features = ["surrealism_ui"] }

use SurrealismUI in you slint file:

// support all component
// import { SButton } from "@surrealism_all";

// support single component
import { SButton } from "@surrealism/button/index.slint";

export component App inherits Window {
    SButton {}
}

more SurrealismUI see: SurrealismUI wiki
if you want use alias import SurrealismUI, example for this build.rs:

use jui::surrealism_ui::SurrealismUI;

pub fn main() {
    let separator = jui::jui_file::separator;
    let surrealism_ui = SurrealismUI::new_with_alias("sui");
    jui::compile_with_surrealism_ui(format!("view{separator}main.slint"), surrealism_ui).unwrap();
}

Jui Button example

Cargo.toml file :

[dependencies]
slint = "~1.5.1"

[build-dependencies]
jui = "0.1.25"

main.rs file :

slint::include_modules!();

fn main() {
    App::new().unwrap().run().unwrap();
}

build.rs file :

pub fn main() {
    let separator = jui::jui_file::separator;
    jui::compile(format!("view{separator}main.slint")).unwrap();
}

view/main.slint file :

import { Button } from "@jui/button.slint";

export component App inherits Window {
    min-width: 300px;
    min-height: 300px;
    
    Rectangle {
        Button {
            color: red;
        }
    }
}

More example

coming soon