vivi

vivi is a component library for Slint.

vivi provides currently the following two sets of components:

• foundation: Base components that can be used to create a custom component set.
• magic: Ready to use component set with a custom design based on Catppuccin.

Examples

There is the Gallery that contains an overview of all magic components vivi provides.

How to use with Rust

1. Add vivi_ui as build dependency to your Cargo.toml:

[dependencies]
slint = { version = "1.6" }

[build-dependencies]
slint-build = { version = "1.6" }
vivi_ui = { version = "0.1" }

2. Use vivi::import_paths() in your build.rs file. It will make coop's files visible as @vivi.

fn main() {
    slint_build::compile(
        "ui/my_app.slint",
        slint_build::CompilerConfiguration::new()
            .with_library_paths(vivi_ui::import_paths()),
    ).unwrap();
}

3. Add an import to your Slint file:

import { MagicWindow, FilledButton } from "@vivi/magic.slint";

export component MyApp inherits MagicWindow {
    preferred-width: 600px;
    preferred-height: 400px;
    title: "MyApp";

    FilledButton {
        text: "Click me";
    }
}

License

The source code of vivi and examples are available under MIT license.