![\"Learn](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build-GUIs-for-ESP32-Projects-eBook-cover-image.jpg?resize=400%2C500&quality=100&strip=all&ssl=1\")
<\/a><\/figure><\/div>\n\n\nGET THE EBOOK \u00bb<\/a><\/p>\n\n\n\n <\/p>\n\n\n\n Get started using the LVGL<\/strong> library with the ESP32 to build graphical user interfaces<\/strong> for your IoT and home automation projects. Learn how to draw buttons<\/strong>, sliders<\/strong>, tables<\/strong>, charts<\/strong>, input fields<\/strong>, keyboards<\/strong>, and much more…<\/p>\n\n\n\n This eBook is compatible with the ESP32 Cheap Yellow Display (CYD) and the TFT 2.8 inch ILI9341 Resistive Touchscreen Display.<\/p>\n\n\n\n If you want to learn how to:<\/p>\n\n\n\n Then, our new eBook Learn LVGL: Build GUIs for ESP32 Projects<\/strong><\/em> is exactly what you need to get started building awesome GUIs for your IoT and Home Automation projects.<\/p>\n\n\n\n LVGL (Light and Versatile Graphics Library) is a free and open-source graphics library that provides a wide range of easy-to-use graphical elements for your microcontroller projects that require a graphical user interface (GUI).<\/p>\n\n\n It provides methods to easily create different objects: text labels, buttons, sliders, input fields, keyboard, custom styling, images, arcs, lines, animations, menus, tabs, layouts, tables, and much more\u2026<\/p>\n\n\n\n The Cheap Yellow Display board is a TFT Touchscreen display LCD with an ESP32 development board included. Its main chip is an ESP32-WROOM-32 module and the display is a 2.8-inch TFT resistive touchscreen LCD with the ILI9341 driver.<\/p>\n\n\n\n It also comes with a microSD card interface, an RGB LED, an LDR, some exposed GPIOs, and all the circuitry to program and apply power to the board.<\/p>\n\n\n\n To follow this eBook, we recommend<\/span> using an ESP32 Cheap Yellow Display 2.8 inch (ESP32\u20112432S028R) with a resistive touchscreen<\/strong> (the eBook is currently not compatible with a capacitive touchscreen).<\/p>\n\n\n Alternatively\u2026 You can get a TFT LCD Resistive Touchscreen Display \u2013 2.8 inch ILI9341 240\u00d7320<\/strong> and wire it to a “regular ESP32 board”.<\/p>\n\n\n Most displays that use the ILI9341 driver and resistive touchscreen should be compatible with our projects. However, you must know how to set up the configuration file for your exact model. Different models will require different configuration files.<\/p>\n\n\n\n This is a colorful ~450 page PDF with step-by-step instructions to create GUIs using different widgets for your ESP32 displays. It includes all the source code, schematic diagrams, and screenshots that are easy to follow. It comes with 7 Modules.<\/p>\n\n\n Each module breaks down a specific subject and allows for quick referencing in the future. It covers each subject with practical examples and projects:<\/p>\n\n\n\n Here\u2019s what you\u2019ll have access to when you get the eBook:<\/strong><\/p>\n\n\n\n The eBook comes with 7 Modules. Each module is dedicated to a specific subject. Here’s a description of the complete table of contents.<\/p>\n\n\n\n This Module is a quick introduction to the eBook, providing a general overview of the Modules we\u2019ll cover, the learning objectives, instructions on how to follow the eBook, recommended prerequisites, and the parts required to complete the projects.<\/p>\n\n\n\n This module introduces you to the ESP32 Cheap Yellow Display and the 2.8-inch TFT touchscreen LCD with the ILI9341 driver chip with a resistive touchscreen. You\u2019ll prepare all the libraries and software required to start building GUIs using the LVGL library. Finally, you’ll learn to display text on the screen and detect touch.<\/p>\n\n\n\n You\u2019ll learn how to display basic widgets on the screen: text<\/strong>, buttons<\/strong>, switches<\/strong>, and sliders<\/strong>, and how to make something happen when you interact with them like changing something on the interface and controlling outputs.<\/p>\n\n\n\n In this Module, you\u2019ll learn how to connect a sensor to the CYD board and how to get and display readings from the sensor. You\u2019ll learn to display the readings in different formats: text, table, vertical bars, and chart.<\/p>\n\n\n\n In this module, you\u2019ll learn how to get user input. We’ll cover drawing a keypad <\/strong>to build a basic locker, a spinbox <\/strong>to set the threshold value to create a thermostat<\/strong>, and input fields with a keyboard<\/strong> to create a Wi-Fi Manager.<\/p>\n\n\n\n Learn how to integrate MQTT into your project. Publish messages to MQTT topics by clicking on buttons on the screen and display received messages by subscribing to MQTT topics.<\/p>\n\n\n\n This Module covers how to get data from the internet and display it on the screen. You\u2019ll learn how to add a button to request data and add data to a table. Finally, you\u2019ll learn how to create a web server that synchronizes in real time with the display interface.<\/p>\n\n\n\n This Module covers how to display custom images on the screen and how to make them clickable so that you can interact with them. We\u2019ll also cover how to display tabs so that you can organize multiple screens with different widgets on the GUI.<\/p>\n\n\n\n Here’s a quick summary of what you’ll learn by following the examples in this eBook:<\/p>\n\n\n\n To follow this eBook, we recommend that you be familiar with programming the ESP32 using the Arduino IDE<\/strong>. You should know basic concepts such as controlling outputs like LEDs, reading inputs, and using PWM. You should also be familiar with basic circuits, such as wiring an LED to the ESP32.<\/p>\n\n\n\n All examples and projects in this eBook were tested with the following hardware:<\/p>\n\n\n\n This eBook comes with an opportunity to join our private Forum of like-minded people where you can ask questions about the eBook or other related subjects. You’ll get direct help from us (Rui and Sara) or from other active members of the community.<\/p>\n\n\n GET THE EBOOK | \n
What is LVGL?<\/h4>\n\n\n\n
![\"LVGL](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/LVGL-new-logo.png?resize=622%2C194&quality=100&strip=all&ssl=1\"){kind=logo}
<\/figure><\/div>\n\n\nWhat is a Cheap Yellow Display (CYD) Board?<\/h4>\n\n\n
![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/ESP32-Cheap-Yellow-Display-Wi-Fi-Manager-Example.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nRecommended Board and Display<\/h3>\n\n\n\n
![\"Recommended](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/Recommended-CYD-Board-LVGL-with-ESP32-eBook.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Recommended](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/Recommended-TFT-Display-LVGL-with-ESP32-eBook.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nWhat’s inside the eBook?<\/h2>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/ESP32-LVGL-Cheap-Yello-Display-Featured-Projects.png?resize=750%2C450&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n
\n
\n
\n
\n
\n
\n
Table of Contents<\/h2>\n\n\n\n
Module 0: Introduction<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-0-Introduction.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n
\n\n\n\nModule 1: Getting Started<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-1-Getting-Started.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 2: Text, Buttons, Switches, and Sliders<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-2-Basic-Widgets.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 3: Display Data from Sensors<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-3-Display-Data.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 4: User Input<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-4-User-Input.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 5: Integrating with MQTT<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-5-MQTT.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 6: Integrating with Wi-Fi<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-6-Wi-Fi.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nModule 7: More Features and Other Widgets<\/h3>\n\n\n
![\"LVGL:](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/08\/Learn-LVGL-Build_GUIs-for-ESP32-Projects-Module-7-More-Featured-Other-Widgets.jpg?resize=500%2C281&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
What You’ll Learn?<\/h2>\n\n\n\n
\n
Prerequisites (recommended but not mandatory)<\/h3>\n\n\n\n
Which Displays\/Boards Were Tested with this eBook?<\/h3>\n\n\n\n
\n
![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/ESP32-Cheap-Yellow-Display-Line-Chart-BME280-Temperature-Sensor.jpg?ssl=1\")
<\/figure><\/div>![\"ESP32](\"https:\/\/i1.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/ESP32-TFT-Touchscreen-Display-HTTP-Wi-Fi-Request-Weather.jpg?ssl=1\")
<\/figure><\/div><\/div><\/div><\/div><\/div>\n\n\n\nInvitation to Join our Private Forum!<\/h2>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2018\/03\/forum-questions-and-answers.png?resize=599%2C423&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nDownload the eBook<\/h2>\n\n\n\n
\n
<\/a><\/figure><\/div><\/div>\n<\/div>\n\n\n\n$47<\/strike> $37 USD \u00bb<\/a><\/p>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/money-back-logo.png?resize=134%2C133&quality=100&strip=all&ssl=1\"){kind=logo}
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t