Getting Started

Slint Material UI

This is a technical preview of the Material 3 Design System for Slint. Learn more about Slint here ↗.

We recommend using an IDE for development, along with our LSP-based IDE integration for .slint files ↗. You can also load this project directly in Visual Studio Code ↗ and install our Slint extension ↗.

Install Rust by following its getting-started guide ↗. Once this is done, you should have the rustc compiler and the cargo build system installed in your PATH.
Clone the getting-started repository:

git clone git clone --recurse-submodules https://github.com/slint-ui/material-rust-template.git my-project
cd my-project

bash

cargo build

bash

cargo run

bash

With Rust based Slint apps you can also target Web and Android. For more details, see the template repository ↗.

git clone --recurse-submodules https://github.com/slint-ui/material-cpp-template.git my-project
cd my-project

bash

mkdir build && cd build
cmake .. -G Ninja
cmake --build .

bash

./my_application

bash

git clone git clone --recurse-submodules https://github.com/slint-ui/material-nodejs-template.git my-project
cd my-project

bash

npm install

bash

npm start

bash

git clone --recurse-submodules https://github.com/slint-ui/material-python-template.git my-project
cd my-project

bash

uv run main.py

bash

Next Steps

All the documentation for Slint’s Material UI components can be found on this site.

Follow the development in the Github repository ↗.

To learn more about Material Design, dive into Google’s comprehensive Material Design 3 documentation ↗.

Compose designs in Figma by taking advantage of the Material Design 3 Figma Kit ↗