.jpg)
STM32 Graphical User Interface
The design trends in embedded HMI (Human-Machine Interface) are continuously evolving. With products getting smarter and offering an increasing number of features, end users expect HMIs to provide an engaging experience and easy access to product features.
Including a GUI (Graphical User Interface) in your products will allow you to design a more user-friendly, safe, and modern device, offering end users more value. The key design requirements of GUIs are shaped by the one device we all interact with every day: the smartphone in our pockets.
Ready to get started?
The STM32 family provides the tools required to easily add smartphone-like Graphical User Interfaces (GUIs) in embedded devices, accelerating the "HMI of Things" revolution.
STM32 boosting the HMI-of-things (2:13)
What it takes to develop a GUI
Creating a good GUI requires skills and expertise, and involves many building blocks, starting with the selection and sourcing of the right display and casing, the art-creation of menus and screens, the programming of the art-design into a user interface and the electronic development, before being able to connect the dots and to trigger the spark that will bring your design to life.
We know it can be overwhelming to develop a GUI.
That is the reason why ST provides state-of-the-art MPUs and MCUs, combined with the tools and the support you need every step of the way, to ensure you bring your GUI project to success.
Build your own smartphone-like GUI
Built on four pillars, the STM32 GUI offer helps you move forward with your design, from idea to final product:
Define your needs and select your MCU & developer kit accordingly
Discover the STM32 portfolio of graphics enabled MCUs
To design embedded products offering an outstanding user experience, the STM32 family offers the industry’s broadest range of graphics-enabled MCUs with over 200 active part numbers, supporting different display interfaces and packaging options.
The STM32 graphics enabled MCUs embed different features that allow developers to achieve the desired performance and optimization trade-offs required for embedded devices, such as:
- The Chrom-ART Accelerator™ offers memory-efficient 2D graphics acceleration and enables smooth transitions and transparency effects while offloading the main CPU
- NeoChrom GPU, New 2.5D Accelerator With Massive Hardware Optimizations for Rich UIs on STM32. The technology optimizes animations such as flips, spins, scaling, zooms, and more. In a nutshell, the new hardware IP accelerates texture mapping and alpha blending. Offloading these computations to NeoChrom GPU vastly increases the number of frames per second. Read blog post
- The JPEG codec allows you to add M-JPEG videos for branding and tutorials
- Fast access to internal and external memory avoids bottlenecks, supporting smooth animations
- The large internal memory supports a one-chip solution, without requiring an external RAM and Flash for small-resolution displays. This brings you additional flexibility to secure system architecture, your buffer strategy and memory budget
- Support for large display interfaces with parallel interfaces, LCD-TFT, and MIPI-DSI embedded controllers
Discover our portfolio STM32 GUI developer kits
The STM32 offer for Graphical User Interfaces includes a large choice of developer kits, software examples and demos.
Each developer kit comes with a flashed demonstration. The code for each demo is made available in the associated STM32Cube software packages.
Download TouchGFX
What is TouchGFX
Integrated in the STM32 ecosystem, TouchGFX is a free GUI tool providing everything you need to create cutting-edge GUIs.
TouchGFX is delivered in the X-CUBE-TOUCHGFX package which includes:
- TouchGFX Designer, a PC GUI-builder and simulator
- TouchGFX Generator, to configure and generate a TouchGFX project
- TouchGFX Engine, which is an optimized, hardware-accelerated graphical library
Discover what TouchGFX is all about
Easy GUI development
Develop outstanding GUIs effortlessly with the WYSIWYG GUI simulator and TouchGFX Designer.
Unlimited possibilities
The structure and flexibility of TouchGFX gives developers the tools they need to easily create unique UI designs:
- The enabling technology:
- Run simulator on PC or your target HW
- Combine your user-code with TouchGFX Designer generated code
- Create your own software elements with existing widgets
- Design your own widgets
- GUI written in C++
- The Model-View-Presenter pattern gives way for easy interfacing with other C/C++ application components
Faster UI project generation and low-level development
- Easily configure:
- Memory components
- Framebuffers
- Display resolution
- Color depth
- Select your preferred IDE
- Change to other RTOS or no RTOS
- The enabling technology:
- STM32CubeMX plugin to configure and generate TouchGFX Abstraction Layer (AL) for your STM32-based hardware
- TouchGFX AL enables graphics hardware acceleration and optimization
- IDE independent
Works smoothly with STM32CubeIDE, IAR Workbench, ARM Keil
Enhanced Performance
The TouchGFX Engine technology enables you to achieve the highest level of smartphone-like GUI performance on STM32 devices
- The enabling technology:
- Optimized for minimum MCU Load and memory footprint
Compile and Run time Analysis
STM32 hardware acceleration - Advanced rendering algorithms
Algorithm for optimized visible surface determination and customized invalidation techniques minimize the number of drawn pixels - Advanced graphical objects
Draw lines, circles, custom shapes, and graphics, or apply scaling and 3D rotation to images at runtime with highly optimized and memory-efficient widgets
STemWIN library
STemWin is a simple graphical software framework optimized for STM32 microcontrollers.
STemWin is based on a graphical library from SEGGER Microcontroller GmbH and is available in a binary form, which is free of charge on STM32 MCUs.
This library is a professional graphical stack library to build Graphical User Interfaces (GUIs) with any STM32, any LCD/TFT display and any LCD/TFT controller, taking advantage of STM32 hardware accelerations whenever possible.
The STemWin Library is a comprehensive solution that comes with a rich feature set, such as JPG, GIF and PNG decoding, many widgets (checkboxes, buttons…) and a VNC server enabling the remote display of local displays, as well as professional development tools, such as GUIBuilder to create GUIs with a simple drag and drop.
STemWin is distributed as part of STM32Cube software packages or in a standalone standard library-based version.
| Part Number | Manufacturer | Description |
| STemWin | ST | Professional graphical stack library enabling the building up of Graphical User Interfaces (GUIs) (AN4323) |
Start creating your own GUI
Select examples, watch demos, or start from scratch by importing graphical assets and use widgets in TouchGFX Designer to create your GUI application.
TouchGFX walkthrough
Flash your design kit and run your smartphone-like GUI
With your developer kit connected to your PC, you just hit the “Run Target” and TouchGFX Designer will automatically use installed STM32Cube Programmer to flash to your kit.
An extended ecosystem to support your development
TouchGFX Implementers
Our dedicated and highly skilled TouchGFX Implementers help you move from idea to market-leading products. They bring you their innovative approach, combined with their extensive knowledge and experience with TouchGFX and STM32 microcontrollers, to help you design your next embedded product, and quickly move from idea to end-product.
Display module makers
Avoid the hassle of sourcing your own display kit. Select a production-ready display module from one of our ST Authorized Partners and add it to your product.
These display modules all based on STM32, and TouchGFX is also available for your prototyping.
UI Tool providers
Several ST Authorized Partners provide GUI development tools for STM32 hardware. They are all committed to support you to ensure smooth GUI development on STM32.
Additional resources
Videos
TouchGFX 4.17 Designer Walk-through (8:51)
In this video you will get an introduction to TouchGFX Designer 4.17. This release is mainly focusing on improving the user experience and optimizing the usability of developing an embedded GUI.
TouchGFX Enabling high end graphic experience (04:14)
High end graphic experience with STM32F469 MCU's
TouchGFX 4.19 – Advanced GUI on STM32 (13:59)
This a video prepared by our partner Draupner graphics. the video promotes combined STM32 Hardware and TouchGFX software solutions.
TouchGFX 4.19 – Advanced GUI on STM32F7 Powered by Embedded Wizard graphic solution (12:20)
Embedded Wizard graphic demonstration on STM32F769 discovery kit
TouchGFX HMI on STM32H750 Discovery Kit (2:14)
Watch our cutting-edge TouchGFX demo come to life on the STM32H750 Discovery kit and learn how easy it is to take your idea to a working UI application with TouchGFX and STM32.
TouchGFX on the STM32H750B Discovery Kit (5:19)
Experience the high-performance TouchGFX embedded GUI running on the STM32H750 Discovery kit. Watch features like full screen animations, alpha blending, MJPEG video, and much more unfold on the Cortex-M based STM32 microcontroller.
TouchGFX 4.18 – Video widget (8:33)
QT Graphics demo – STM32MP157 running a QT demo developed by KDAB on a 4”800*480 MIPI-DSI display (1:34)