Slint is an open-source declarative GUI toolkit to build native user interfaces for any device.
Write your UI in .slint, a simple markup language, and connect it to business logic written in Rust, C++, JavaScript, or Python.
Slint scales from desktop apps to mobile apps on Android and iOS,
and down to embedded Linux and microcontrollers such as STM32, ESP32, and RP2040.
Why Slint?
The name Slint is derived from our design goals:
- Scalable: Slint should support responsive UI design, allow cross-platform
usage across operating systems and processor architectures and support
multiple programming languages.
- Lightweight: Slint should require minimal resources, in terms of memory
and processing power, and yet deliver a smooth, smartphone-like user
experience on any device.
- Intuitive: Designers and developers should feel productive while enjoying
the GUI design and development process. The design creation tools should be
intuitive to use for the designers. Similarly for the developers, the APIs
should be consistent and easy to use, no matter which programming language
they choose.
- Native: GUI built with Slint should match the end users' expectations of a
native application irrespective of the platform - desktop, mobile, web or
embedded system. The UI design should be compiled to machine code and provide
flexibility that only a native application can offer: Access full operating
system APIs, utilize all CPU and GPU cores, connect to any peripheral.
Beyond the design goals, here’s what makes Slint stand out:
- Independent UI Design: Use a declarative language to separate your UI from business logic. Designers can work in parallel with developers.
- Tooling: Iterate quickly with our Live Preview & editor integrations. Integrate from Figma with the Figma to Slint plugin.
- Stable APIs: Slint follows a stable 1.x API. We evolve carefully without breaking your code.
See what others have built: #MadeWithSlint
Examples
Embedded
Desktop
Web using WebAssembly
| Printer Demo | Slide Puzzle | Energy Monitor | Widget Gallery | Weather demo |
|---|
| | | | |
More examples and demos in the examples folder
Get Started
Hello World
The UI is defined in a Domain Specific Language that is declarative, easy to use,
intuitive, and provides a powerful way to describe graphical elements, their
placement, their hierarchy, property bindings, and the flow of data through the
different states.
Here's the obligatory "Hello World":
export component HelloWorld inherits Window {
width: 400px;
height: 400px;
Text {
y: parent.width / 2;
x: parent.x + 200px;
text: "Hello, world";
color: blue;
}
}
Documentation
For more details, check out the Slint Documentation.
The examples folder contains examples and demos, showing how to
use the Slint markup language and how to interact with a Slint user interface
from supported programming languages.
The docs folder contains a lot more information, including
build instructions, and
internal developer docs.
Refer to the README of each language directory in the api folder:
Architecture
An application is composed of the business logic written in Rust, C++, Python, or
JavaScript and the .slint user interface design markup, which is compiled to
native code.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
