https://github.com/slint-ui/material-rust-template
A template for a Rust Application using Slint with material components. Based on the material gallery.
https://github.com/slint-ui/material-rust-template
Last synced: about 2 months ago
JSON representation
A template for a Rust Application using Slint with material components. Based on the material gallery.
- Host: GitHub
- URL: https://github.com/slint-ui/material-rust-template
- Owner: slint-ui
- Created: 2025-06-11T13:03:17.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-06-26T07:20:24.000Z (6 months ago)
- Last Synced: 2025-06-26T08:23:37.508Z (6 months ago)
- Language: Slint
- Size: 329 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Material Components for Slint Rust Template
A template for a Rust Application using Slint with [material components](https://github.com/slint-ui/slint/tree/master/ui-libraries/material).
## About
This template helps you get started developing a Rust application with Slint as a toolkit
for the user interface and the material component set.
## Usage
We recommend using an IDE for development, along with our [LSP-based IDE integration for `.slint` files](https://github.com/slint-ui/slint/blob/master/tools/lsp/README.md). You can also load this project directly in [Visual Studio Code](https://code.visualstudio.com) and install our [Slint extension](https://marketplace.visualstudio.com/items?itemName=Slint.slint).
1. Install Rust by following its [getting-started guide](https://www.rust-lang.org/learn/get-started).
Once this is done, you should have the `rustc` compiler and the `cargo` build system installed in your `PATH`.
2. Download and extract the [ZIP archive of this repository](https://github.com/slint-ui/material-rust-template/archive/refs/heads/master.zip).
```sh
mv material-rust-template-master my-project
cd my-project
```
## Run your application on desktop
1. Build with `cargo`:
```
cargo build
```
2. Run the application binary:
```
cargo run
```
## Run your application on a web browser
You can then use wasm-pack (which you may need to obtain with `cargo install wasm-pack`).
This will generate the wasm in the `./pkg` directory, which the `index.html` file will open.
Since wasm files cannot be served from `file://` URL, you need to open a wab server to serve
the content
```sh
wasm-pack build --release --target web
python3 -m http.server
```
## Run your application on Android
First, [set up your Android environment](https://slint.dev/snapshots/master/docs/rust/slint/android/#building-and-deploying).
Then, you can run the demo on an Android device with the following command:
```sh
cargo apk run --target aarch64-linux-android --lib
```
## Next Steps
We hope that this template helps you get started, and that you enjoy exploring making user interfaces with Slint. To learn more
about the Slint APIs and the `.slint` markup language, check out our [online documentation](https://slint.dev/docs). Check out
also the [material components documentation](https://material.slint.dev/overview/)
Don't forget to replace the contents of this readme with your own project details.
(Containing a screenshot of your application if you want to.)
As well as edit the `name =` field in `Cargo.toml` to match the name of your project.