Material 3 Design Comes To Slint

From its inception Slint has aimed to deliver the next step in UI developer productivity. It was the case in the embedded space that if a GUI framework had a small memory footprint and exceptional graphical performance, it must be a pain to write code for. To solve this we introduced the Slint language. Simple enough that you can learn it in 10 minutes while providing all the modern features front end developers expect including hot reloading of UI changes and low boiler plate code via fine grained reactivity.

Users of Slint can develop any custom UI and product from tiny microcontrollers to mobile, web and desktop, all from a single codebase. Today we are announcing a solution for customers who need a world class Design System for building apps.

Material 3

Modern design systems go beyond just collections of components such as Buttons and Toolbars. Material 3 is an entire system that covers how apps should look and behave. Apps can look great, but also behave consistently and be easy to use. Material 3 is a design system more than 10 years in the making. Google uses it for all Android devices and their popular web apps such as gmail.

We have taken the Material 3 guidelines and implemented an equivalent system in Slint. We think this is going to be a great way to build custom touch-based products, but Material 3 will also work on desktop and web. Here is a simple Slint example of using Material 3 components.

Getting Started

We have a guide to get you going with projects that target Rust, C++, Python and TypeScript.

Additionally, there are design resources for using Material 3 , including a complete Figma file for designers all maintained and updated by Google.

If you used the Slint Material Components Tech Preview this guide will help you migrate to the new version.

Special thanks

We want to send an extra special thanks to Florian Blasius, who was the driving force behind these components. They wouldn't exist without him.