nishad2m8
nishad2m8
  • 60
  • 103 857
Coffee vending machine HMI on esp32 Display panel CYD #diy #figma #ui #hmi #vendingmachine #TFT
Do you like my videos? Please consider buying me a ☕ :
www.buymeacoffee.com/nishad2m8
🔖 Code : github.com/nishad2m8
Affiliate product links: Every bit of support matters 🤗.
📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj
Aliexpress
📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h
📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q
📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i
Lilygo
📦 www.lilygo.cc/nishad2m8
📦 T4-S3 : www.lilygo.cc/9nz3hd
📦 T-Display-S3 : www.lilygo.cc/fmwbbp
📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp
📦 T-RGB : www.lilygo.cc/3z5tt0
Simple Coffe machine HMI.
Timestamps:
00:00 - Demo
00:32 - Figma preview
03:56 - Squareline Studio preview
05:38 - Code preview
#ESP32 #DisplayPanel #IoTProjects #DIYElectronics #TechTutorials #Coding #Arduino #MakerCommunity #hmi #vendingmachine #coffemaker #Figma #UI #CheapYellowDisplay #CYD #tft_espi
Переглядів: 787

Відео

Moon Phase Clock on esp32 Lilygo T RGB #uidesign #squareline #esp32 #api #moonphase #internetclock
Переглядів 25421 день тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. Lilygo 📦 www.lilygo.cc/nishad2m8 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilygo.cc/fmwbbp 📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp 📦 T-RGB : www.lilygo.cc/3z5tt0 Aliexpress 📦 4" Display with 3 relay : s.click....
LCARS UI on ESP32 Display Panel CYD | #LVGL #ESP32 #diy #lcars #figma #ui #CheapYellowDisplay #TFT
Переглядів 1,9 тис.Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj Aliexpress 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_o...
Stock Price Display with ESP32 Lilygo T4-S3 using Alpha Vantage API #esp32 #lilygo #diy #stockprice
Переглядів 656Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj 📦 T4...
Attitude Indicator / Artificial Horizon on T-Display S3: Simple Setup with SquareLine #lvgl #esp32
Переглядів 648Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilygo.cc/fmwb...
Home automation dashboard on Lilygo T4-S3 and custom UI Setup #ui #dashbord #hmi #homeassistant #ha
Переглядів 1 тис.Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8/T4-S3-YT Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilyg...
Auto Gauge Dashboard HMI on Lilygo 2.1" Round Touch Display T-RGB Using LVGL #hmi #gauges #dashbord
Переглядів 8012 місяці тому
Auto Gauge Dashboard HMI on Lilygo 2.1" Round Touch Display T-RGB Using LVGL #hmi #gauges #dashbord
How to Configure LilyGo T-Display S3 Pro with LVGL, SquareLine Studio OBP & PlatformIO
Переглядів 8792 місяці тому
How to Configure LilyGo T-Display S3 Pro with LVGL, SquareLine Studio OBP & PlatformIO
PV / Solar energy monitor dashboard on T-Display S3 #lvgl #tft_espi #figma #hmi #nodered #mqtt
Переглядів 1,3 тис.2 місяці тому
PV / Solar energy monitor dashboard on T-Display S3 #lvgl #tft_espi #figma #hmi #nodered #mqtt
Home automation dashboard controller #lvgl #tft espi #lilygo #figma #ui #hmi #ha #homeassistant
Переглядів 1,2 тис.3 місяці тому
Home automation dashboard controller #lvgl #tft espi #lilygo #figma #ui #hmi #ha #homeassistant
iOs widget style pomodoro timer on esp32 Lilygo T-DisplayS3 #esp32 #iot #lvgl #diy #figma #ui #hmi
Переглядів 3,2 тис.3 місяці тому
iOs widget style pomodoro timer on esp32 Lilygo T-DisplayS3 #esp32 #iot #lvgl #diy #figma #ui #hmi
Companion bot expression on esp32 lilygo T-dispaly S3 #esp32 #lilygo #lvgl
Переглядів 1,1 тис.4 місяці тому
Companion bot expression on esp32 lilygo T-dispaly S3 #esp32 #lilygo #lvgl
Compass UI on ESP32 T-Display S3 #uidesign #figma #squareline #esp32 #hmi
Переглядів 9 тис.4 місяці тому
Compass UI on ESP32 T-Display S3 #uidesign #figma #squareline #esp32 #hmi
Moon Phase Clock on T-Display S3 #uidesign #figma #squareline #esp32
Переглядів 3,1 тис.4 місяці тому
Moon Phase Clock on T-Display S3 #uidesign #figma #squareline #esp32
Auto gauge HMI design using Figma and Squareline Studio #uidesign #hmi #figma #gauge #esp32
Переглядів 15 тис.5 місяців тому
Auto gauge HMI design using Figma and Squareline Studio #uidesign #hmi #figma #gauge #esp32
Nixie Tube Clock on Lilygo T-Display S3 ESP32 #iot #esp32
Переглядів 1,5 тис.5 місяців тому
Nixie Tube Clock on Lilygo T-Display S3 ESP32 #iot #esp32
Digital price tag on esp32. data fetched from json #esp32 #iot
Переглядів 6146 місяців тому
Digital price tag on esp32. data fetched from json #esp32 #iot
Vintage macintosh style calculator on esp32 Lilygo T-Display S3 #DIY #esp32
Переглядів 5266 місяців тому
Vintage macintosh style calculator on esp32 Lilygo T-Display S3 #DIY #esp32
Casio style world clock on ESP32 T-Display S3
Переглядів 6 тис.7 місяців тому
Casio style world clock on ESP32 T-Display S3
Lilygo T-Display S3 final Setup and passing live data to UI. Internet clock
Переглядів 1,3 тис.8 місяців тому
Lilygo T-Display S3 final Setup and passing live data to UI. Internet clock
Lilygo T-Display S3 UI Design and Setup in PlatformIO with Squareline Studio #iot
Переглядів 4,9 тис.9 місяців тому
Lilygo T-Display S3 UI Design and Setup in PlatformIO with Squareline Studio #iot
New Blynk iOt app | Test run
Переглядів 24 тис.3 роки тому
New Blynk iOt app | Test run
FIFA 13 iPhone/iPad - Brazil vs. Argentina
Переглядів 4111 років тому
FIFA 13 iPhone/iPad - Brazil vs. Argentina
3D camera tracking - First Attempt
Переглядів 30012 років тому
3D camera tracking - First Attempt
First matte painting test
Переглядів 3,7 тис.14 років тому
First matte painting test
Real Football 2010
Переглядів 58714 років тому
Real Football 2010

КОМЕНТАРІ

  • @tariqjameel6862
    @tariqjameel6862 День тому

    @nishad2m8 Hello sir,can you plz share the sqaurelinestudio project file of this project please

    • @nishad2m8
      @nishad2m8 День тому

      Hi, sorry i miss the sqaureline studio files. the elements file in github. github.com/nishad2m8/T-Display-S3-YT/tree/master/06-Auto-Guage

  • @tariqjameel6862
    @tariqjameel6862 День тому

    Hello sir ,hope you are fine ,sir can you plz share the squareline studio project file of this project please

  • @frankliu-tm8uy
    @frankliu-tm8uy 4 дні тому

    Really master of Embedded UI Designing

  • @takedowntheccp.5167
    @takedowntheccp.5167 12 днів тому

    nice ! 非常感谢!

  • @anthonyporras9942
    @anthonyporras9942 14 днів тому

    Genial!

  • @JocPlus
    @JocPlus 16 днів тому

    very interesting video

  • @0miker0
    @0miker0 16 днів тому

    Great video. How did you do the coffee filling animation like in the Short?

    • @nishad2m8
      @nishad2m8 16 днів тому

      Thank you. the coffee filling animation is a simple y-axis position movement. you can see it at ua-cam.com/video/BoTxqTqsIWI/v-deo.html

  • @osamanazzal-bz7ud
    @osamanazzal-bz7ud 20 днів тому

    Is squareline studio free?

  • @yohaneskustiadi9807
    @yohaneskustiadi9807 24 дні тому

    this is really cool

  • @henrybecker2842
    @henrybecker2842 25 днів тому

    Beautiful designs

    • @nishad2m8
      @nishad2m8 25 днів тому

      Thank you. I redesign this for lilygo T-RGB

  • @0miker0
    @0miker0 25 днів тому

    Wondering if you’ve ever figured out how to get small animated icons using Squareline? I hoped I could drop an animated gif onto an image widget was possible but it is not. Great clock project!

    • @nishad2m8
      @nishad2m8 25 днів тому

      Squareline natively doesn’t support gif or lottie files. I use a series of images to animate like a gif or based on the data. In lcars ui I animate the spear this way. I use ezgif.com to split GIFs into frames.

  • @arunsp4576
    @arunsp4576 28 днів тому

    Was that ur own design 🔥

    • @nishad2m8
      @nishad2m8 27 днів тому

      I made it. Ho to video i posted

  • @kickbaktube
    @kickbaktube 29 днів тому

    Very cool

  • @akshatkk1032
    @akshatkk1032 29 днів тому

  • @shingareom
    @shingareom Місяць тому

    Cool ❤

  • @1972SCOTCH
    @1972SCOTCH Місяць тому

    A very nice tutorial. I'm trying to learn how to use the program by replicating it. If I replicate the battery and subtract the battery (green) from the black bar, then the black bar at the bottom is rectangular. The curves that go inwards are missing. What am I doing wrong? It would be very helpful for beginners like me if the key combinations were also displayed.

    • @nishad2m8
      @nishad2m8 Місяць тому

      Im not good to explain the code. in my video you can see im focusing on UI design. instead of using images for battery you can use lvgl bar with round edge and can change color based on percentage (bar style main set transparent and apply style to bar indicator). adjust bar width and height to fit inside battery icon. i tried this and working.

  • @gabethomas4000
    @gabethomas4000 Місяць тому

    this isnt the CYD...

    • @nishad2m8
      @nishad2m8 Місяць тому

      Okay, I saw on GitHub that it was mentioned as CYD, and on another one, it was referred to as a Display panel.

  • @sevenofnine5867
    @sevenofnine5867 Місяць тому

    🖖

  • @murraynano
    @murraynano Місяць тому

    Very cool display!

    • @nishad2m8
      @nishad2m8 Місяць тому

      yes. but bright ness is bit low compared to T-Display s3

    • @murraynano
      @murraynano Місяць тому

      @nishad2m8 have you done a vid where you get deep into the code? I tried one big project and managed to get the display up but couldnt get the screen to change. Would love to use lvgl more but cant find a good tutorial vis on it

    • @nishad2m8
      @nishad2m8 Місяць тому

      No, I haven't done a big project like that. right now im mainly working on different types of ui designs. from my experience using large image files can slow down performance. you can see in this video that the second screen rotation animation is not smooth and uses about 97% cpu

    • @arunsp4576
      @arunsp4576 28 днів тому

      That's looks awesome UI

  • @mars3142
    @mars3142 Місяць тому

    Done with SquareLine Studio and lvgl?

    • @nishad2m8
      @nishad2m8 Місяць тому

      Yes. Elements created using Figma.

  • @0miker0
    @0miker0 Місяць тому

    So well done as always. Looks beautiful!

  • @PTbyNIGHTEvents
    @PTbyNIGHTEvents Місяць тому

    Looks like the wipeout speed gauge. Cool!

    • @nishad2m8
      @nishad2m8 Місяць тому

      🙃 .. Thank you

  • @humbertocontreras
    @humbertocontreras Місяць тому

    Awesome! 😍

  • @marcosiccardi7956
    @marcosiccardi7956 Місяць тому

    Fantastic, do you have the spj project also available? Thanks

    • @nishad2m8
      @nishad2m8 Місяць тому

      Thank you. spj project means ?

    • @marcosiccardi7956
      @marcosiccardi7956 Місяць тому

      @@nishad2m8 I was referring to the Squareline project

    • @nishad2m8
      @nishad2m8 Місяць тому

      @@marcosiccardi7956 no. i miss the files. you can find the ui elements in my gihub

  • @JocPlus
    @JocPlus Місяць тому

    6.9 % of Ram is little, how is posble do it ???

    • @nishad2m8
      @nishad2m8 Місяць тому

      6.9% is used by the raw UI code only. After adding functionalities, the usage increases to 15.0%. I don't have in-depth knowledge of embedded hardware.

    • @JocPlus
      @JocPlus Місяць тому

      @@nishad2m8 thanks, good job, I like it

    • @fun_with_heet
      @fun_with_heet Місяць тому

      Please make live currency and btc price tracker for t S3

    • @nishad2m8
      @nishad2m8 Місяць тому

      @@fun_with_heet I have in mind a project with dynamic wifi connection and options to choose crypto / currency.

  • @mikpolytrading7350
    @mikpolytrading7350 Місяць тому

    sympa sur un bureau merci pour tes super partages

  • @0miker0
    @0miker0 Місяць тому

    Looking sharp. Love the bright color differences.

    • @nishad2m8
      @nishad2m8 Місяць тому

      thank you 😊. candle chart is not working as expected 🥴

  • @0miker0
    @0miker0 Місяць тому

    Great video and I will have to give Figma a try. It looks like great software for greating objects for Squareline. Keep up the great work and thank you.

    • @nishad2m8
      @nishad2m8 Місяць тому

      Thank you 🤗. you should try figma; it's very easy to use. i'll definitely try what I can do with free to use tools.

  • @nemonespider
    @nemonespider Місяць тому

    Very good video and great idea for ppl like myself to follow along.. I tried running the code but keep getting an error trying to upload

    • @nishad2m8
      @nishad2m8 Місяць тому

      Thank you 🤗. you suggested it so I tried it. what error are you facing? share more details. my code is all optimized for the platformio ide. share more details Ill check

    • @nemonespider
      @nemonespider Місяць тому

      @@nishad2m8 I really appreciate you… I’ve been searching for months for something like this… I’ll fire it back up and let u know in a minute

    • @nemonespider
      @nemonespider Місяць тому

      @@nishad2m8 the error might be on my side it says no serial data received

    • @nishad2m8
      @nishad2m8 Місяць тому

      @@nemonespider ok. i didn't add serial debug data. you can remove mock_data functions and and pass the data to update_pitch and update_roll

    • @nemonespider
      @nemonespider Місяць тому

      @@nishad2m8 thank u I’ll give it a try now

  • @nishad2m8
    @nishad2m8 Місяць тому

    I added a short explanation in key areas. Is it helpful or not? Share your thoughts 🤗.

  • @Findmemeow
    @Findmemeow Місяць тому

    Any app to install

    • @nishad2m8
      @nishad2m8 Місяць тому

      I use platformio. ill share the code soon. you can use platformio to upload the code.

  • @nemonespider
    @nemonespider Місяць тому

    Good stuff bro thank u… waiting for the code 😊

  • @TechnicNerdAT
    @TechnicNerdAT Місяць тому

    Many many thanks!!! With ur help i got it working!

    • @nishad2m8
      @nishad2m8 Місяць тому

      Glad it helped. 😇

  • @jairoantoniorohatanzapata9617
    @jairoantoniorohatanzapata9617 Місяць тому

    Is amazing.

  • @Julio7Mus
    @Julio7Mus Місяць тому

    Legal. Voce é bom .

    • @nishad2m8
      @nishad2m8 Місяць тому

      Obrigado! Você também é. 🤗

  • @TheManwithTheOwl
    @TheManwithTheOwl Місяць тому

    I have followd a few of your tutorial but when the device start I can see the first page of my device but it gets freeze. Do you know how can I fix it? Thank you so much

    • @nishad2m8
      @nishad2m8 Місяць тому

      Can you share more details. which display and which code you tried.

  • @mohammadalmaddah
    @mohammadalmaddah Місяць тому

    Great video! Your dashboard setup on the LilyGO T4 S3 is impressive and seems to control various home devices like the TV, AC, garage door, and more. I noticed you mentioned Home Assistant in your hashtags, but there was no mention of it in the video. I was wondering, did you integrate the device with Home Assistant? If so, could you provide more details on how you did it or consider making a follow-up video explaining the integration process? Thanks for the amazing content!

    • @nishad2m8
      @nishad2m8 Місяць тому

      Thank you. now i don't have home assistant setup. have plan to setup on in future. I think home assistant can control via mqtt. i test control with node-red and homekit node. and its works. I added home assistant in hashtag to get some attention. once i setup ha definitely ill try make it nice dashboards.

    • @nishad2m8
      @nishad2m8 Місяць тому

      esphome supports T4-S3 and T-Display S3 AMOLED. 😇 esphome.io/components/display/qspi_amoled esphome.io/components/touchscreen/cst226

  • @joebauer49
    @joebauer49 Місяць тому

    Have actually connected it to any of these devices?

    • @nishad2m8
      @nishad2m8 Місяць тому

      Not yet. Its easy to connect when I have a real device.. so there is no need to mock the data.. I had a setup with domoticz a long time back.

    • @joebauer49
      @joebauer49 Місяць тому

      @@nishad2m8 my friend in the Philippines is trying to work jointly on a gps project. He has the code to receive the data from his gps unit. I was thinking about using a TextArea to display the data. And a function to fetch the data. We are using the T4 S3 board, SL 1.4.1 set to Arduino with TFT, but not using the TFT library. Does that make sense?

    • @nishad2m8
      @nishad2m8 Місяць тому

      @@joebauer49 for my video i use LilyGo_AMOLED , TFT_eSPI, and lvgl libraries. i took it from the example provide by lilygo. in the example there some with Arduino_GFX_Library (i didn't try)

  • @joebauer49
    @joebauer49 Місяць тому

    Did you use Squareline or LVGL? Can you do the “Swipe” using Squareline?

    • @nishad2m8
      @nishad2m8 Місяць тому

      LVGL is the core. I have a swipe feature in mind with custom ui elements.

  • @JocPlus
    @JocPlus 2 місяці тому

    good job, thanks to include image edit

    • @nishad2m8
      @nishad2m8 Місяць тому

      Glad you like it! 🤗

  • @cookiescx
    @cookiescx 2 місяці тому

    Good morning I'm trying to do a project using the screen Lilygo T-RGB and Squareline Studio but I am having lot's of problems... Could you give me an example ou let me know where can I get on? I think I have been problems with the libs... Thank you for your help

    • @nishad2m8
      @nishad2m8 Місяць тому

      Today i upload the code. check description for the link. also i create OBP for squareline studio. check this link : github.com/nishad2m8/Squareline-OBP . hope it will solve your issues. let me know if it success or not

  • @mysticmarble94
    @mysticmarble94 2 місяці тому

    Found your channel after LilyGo retweeted your tweet about the device👍

  • @jairoantoniorohatanzapata9617
    @jairoantoniorohatanzapata9617 2 місяці тому

    How do you build the design?.

    • @nishad2m8
      @nishad2m8 2 місяці тому

      using squareline studio and lvgl library. i will post how to video soon. you can check my other videos. like same way i made this

    • @jairoantoniorohatanzapata9617
      @jairoantoniorohatanzapata9617 2 місяці тому

      @@nishad2m8 I have a 7 inch crowPanel screen, and I don't know if I can make a nice design

    • @jairoantoniorohatanzapata9617
      @jairoantoniorohatanzapata9617 2 місяці тому

      @@nishad2m8 By the way, I'm already subscribed, you have some very interesting videos. I am from Colombia, I speak Spanish and I really like what you do.

  • @0miker0
    @0miker0 2 місяці тому

    I’ve been following this for a while and it looks better with more details over time.

  • @danielkrause2163
    @danielkrause2163 2 місяці тому

    very cool stuff!!

  • @danielkrause2163
    @danielkrause2163 2 місяці тому

    What a great Project! Love it!

  • @nabeelnasar7935
    @nabeelnasar7935 2 місяці тому

    Looks good

  • @rayjohnson84
    @rayjohnson84 2 місяці тому

    Awesome! I would love to see how you are pushing to the display with LVGL. I've previously been using tft_espi to draw sprites and ArduinoGFX to push them to the lilygo screen. Are you doing something similar with the LV_helper?

    • @nishad2m8
      @nishad2m8 2 місяці тому

      Thank you. I haven't tried LV_helper yet as im not a programmer. im trying to find a way for non programmers to create nice uis for hmi

  • @nemonespider
    @nemonespider 2 місяці тому

    Hi can u please make a plane attitude indicator next please

    • @nishad2m8
      @nishad2m8 2 місяці тому

      Hi, thats in my mind. i already start another one. will try after that 😇

    • @nemonespider
      @nemonespider 2 місяці тому

      Thank you

    • @nemonespider
      @nemonespider 2 місяці тому

      Also can u use the lily go T display if it can

    • @nishad2m8
      @nishad2m8 2 місяці тому

      @@nemonespider sure. still may fav is t-display s3