DIY ESP32 Round Digital Dash Part 2: Customizing the Frontend/Gauges (ESP32 + LVGL)

In this video, I walk through coding the front-end UI for a DIY digital car dashboard using ESP32 and LVGL. This project focuses on designing and implementing a clean, responsive gauge layout for round digital displays, similar to modern OEM and motorsport dashboards.

I cover how the UI is structured in LVGL, how the gauges are rendered, and how to get all this working on an esp32 display. This is strictly the front-end / UI side — no CAN decoding or vehicle integration yet but that will be next.

If you’re interested in embedded UI design, LVGL, or building your own custom digital dash, this should give you a solid starting point.

🔧 Tech used:

ESP32

LVGL (Light and Versatile Graphics Library)

Round TFT displays

Custom gauge UI design

This is part of a larger DIY digital dash project, so more updates are coming.

Links:LVGL documentation: https://lvgl.io/
Opensource Github repos I made: https://github.com/traviscea
VsCode: https://code.visualstudio.com
LVGL Image Converter: https://lvgl.io/tools/imageconverter
Squareline Studio: https://squareline.io/

Some of the links below are affiliate links, which means I may earn a commission at no extra cost to you.

As an Amazon Associate I earn from qualifying purchases.

Displays/boards I used
Waveshare Esp32 S3 2.8 Round Screen:
https://www.amazon.com/Waveshare-Capacitive-Development-Dual-core-Processor/dp/B0DMJZPH2R?crid=3G2M6HOSINLEX&dib=eyJ2IjoiMSJ9.4dRm9Vo33nlBshoL7wYmb5pZ0gV50XRZLuCzsox8vp-3stu9PpM3lzJgD6pk2v_v8xFg_zzCdmYSTAH8zsSMZIhHBGwDAeSEiiyV4t1DpxFCpMTyOzzwbmkmLHhJJ1OWyuTllr3f7Rd50edBwj8i0EjyAwJt8VkP1IIuJX_d007V9soAvDRS2AaO6dNxcb9mOQS89thuapkqRO0qGPFqayU3BgsQqybiMMTlhPxKSbw.2wMAXfFPeJdt0pKbNMX9a0SMLF5hakr0UzO_9snGrAg&dib_tag=se&keywords=waveshare+2.8+round+esp32s3&qid=1777059420&sprefix=waveshare+2.8+round+esp32s%2Caps%2C176&sr=8-2&linkCode=ll2&tag=traviscea05-20&linkId=1632eb35da2663573f635804db1d7d94&language=en_US&ref_=as_li_ss_tl

Waveshare Esp32 P4 3.4 Round Screen:
https://www.amazon.com/Waveshare-Development-Toughened-Microphones-Bluetooth/dp/B0F9YP4DCS?dib=eyJ2IjoiMSJ9.I8O621_zI3f4MuJYUhRZuaKm3Tk7-1DkyHT7sYR9ceQb1elmnfV3mh_eygW8fFF1FnGw4pEHtwcXHhTqdHYWR6EdU6xHoeClDAguz9NMCoDiAghvO8YsauHs4sjct8Wt0hfgc4L0Q2I9OSP2v9PHpA-oJIN-G2jMVZ1ygY8yPiUBVeBiMBR4wTgp1Xo2Ux8oOfG8THVk1soaovQNogQARL_CzWNLAhgiGeX10hfH9MA.2OjKO8qw27xD_QLbzp1P9iFtRDmEd0gX9NKUpmDTiU4&dib_tag=se&keywords=waveshare+round+esp32p4&qid=1777059363&sr=8-2&linkCode=ll2&tag=traviscea05-20&linkId=61249abe67bb9932166ba8f8d12b18ef&language=en_US&ref_=as_li_ss_tl
👍 Like, comment, and subscribe if you want more ESP32, LVGL, and automotive UI projects.
Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/my-tiny-love
License code: AGJOXOBGRVX8KGNU

Discord
https://discord.gg/sp4yfbkzFU

https://www.instagram.com/travis.cea/

Видео DIY ESP32 Round Digital Dash Part 2: Customizing the Frontend/Gauges (ESP32 + LVGL) канала traviscea