Interactive Demos
See what kind of UIs you can do with LVGL
Fully functional UIs in your browser
UIs created with LVGL really work on any platform. We have compiled our demos to HTML files to let you try them out in your browser.
Designed and implemented by us
If you are about hiring us for graphics design or UI implementation services check out these demos as reference.
Widgets Demo
Here you can see how LVGL widgets look like out of the box with their default appearance. But don't forget, you can customize everything.
This is the most well known LVGL demo. If you have ported LVGL to a board just call lv_demo_widgets(); to start this demo on your device. Don’t worry, it’s fully responsive so it will work well on your display too.
E-Bike Demo: Extra Features for a Better UI
This demo showcases key LVGL features in action. Lottie animations bring the UI to life with smooth motion, while multi-language support enables easy localization.
The Right-to-Left (RTL) UI ensures proper layout for Persian and similar languages. It also demonstrates widget rotation, not just for images but for entire components, along with a variety of interactive widgets, highlighting different UI elements and layouts.
Smart Hub Demo: Just Like a Real Application
This demo presents a functional smart hub interface, highlighting key LVGL features:
- • Light/Dark theme switching, adapting to different environments
- • Seamless data integration, connecting real-time application data to the UI
- • Interactive charts, layouts, and customizable widgets, creating a clear and user-friendly experience
Smartwatch GUI for NXP
We have designed this Smartwatch UI for NXP for the i.MX RT595 Evaluation Kit. It contains 25 screen to showcase to most common smartwatch apps, such as clock, music player, fitness, weather, payment and so on.
You can navigate among the main activities by swipe up and down gestures, and see the sub-activities with left and right gesture.
Thermostat UI without Images
This is a user interface for a small (320x240) Thermostat. We haven't used any images in this demo. All you see here are rendered by LVGL according to the set style properties. You can find here rounded rectangles, circles, gradients, shadows, borders and outlines too.
Music Player App
A modern, smartphone-like music player demo. It shows fancy spectrum analyzer around the album cover which is animated on the rhythm of the music.
We use this demo during board certification to measure the performance of the boards. Therefore this demo is really responsive. It work well on square, round, portrait, landscape and high DPI screens too
Printer UI Demo
Graphical user interface for a printer in 800x480 resolution. In the ”Copy“ and ”Send“ menus you can see an image with real time color adjustment and zoom.