Your First STUNNING UI With ESP32S3 and Squareline Studio
Published at : 23 Dec 2025
Want to create an amazing UI for your ESP32S3 round touchscreen module? In this tutorial, I’ll guide you through every step using SquareLine Studio – from start to finish, all in under 10 minutes! 🎯
By the end of this video, you'll know how to:
✅ Design a sleek, interactive UI using SquareLine Studio
✅ Configure your Arduino and Squareline Studio projects
✅ Export and load your UI onto an ESP32-S3 round touchscreen module
✅ Build confidence to create even more complex UI projects in the future!
⚡ Don’t miss the surprise at the end of the video! You’re gonna love it!
⚡Check out the article page on MakerVibe's website: makervibe.com/esp32s3-squareline-custom-ui/
📌 Chapters:
00:00 - Introduction
00:58 - Step 1 : Set up Arduino + Libraries
03:01 - Step 2 : Squareline Studio Setup
04:41 - Step 3 : Create + Export UI
06:48 - Step 4 : Arduino + Squareline
07:29 - Step 5 : Code and upload!
09:00 - SURPRISE!
💡 Resources & Links:
🔗 ESP32S3 Wiki: waveshare.com/wiki/ESP32-S3-Touch-LCD-1.28
🔗 Squareline Studio download: squareline.io
🔗 Arduino IDE download: arduino.cc/en/software
🔗 Get Your ESP32S3 Round Touchscreen Module: thepihut.com/products/esp32-s3-development-board-with-1-28-round-touch-lcd
💬 Got questions or need help? Drop a comment below! If this tutorial helped, LIKE 👍 & SUBSCRIBE 🔔 for more ESP32 & UI design content!
Background Music by MakerVibe
#arduino #electronics #ui #uidesign #uidesigntutorial #lvgl #esp32