Skip to content

A Smart Home Dashboard UI built in LVGL#1

Open
charlesricha wants to merge 6 commits into
fbiego:masterfrom
charlesricha:master
Open

A Smart Home Dashboard UI built in LVGL#1
charlesricha wants to merge 6 commits into
fbiego:masterfrom
charlesricha:master

Conversation

@charlesricha

Copy link
Copy Markdown

Summary

This MR introduces the new Smart Home Control Center screen. It provides a functional, dark-mode dashboard for controlling IoT devices (lights, fans, locks) designed specifically for 240x320 displays (ESP32).

Key Features

  • Header: Displays Room Name ("Living Room") and current time.
  • Main Light Control: Implemented a custom-styled lv_switch with active/inactive states.
  • Brightness Slider: Added an interactive lv_slider with custom indicator styling (selector="indicator").
  • Action Buttons: Added distinct buttons for "Fan Control" and a "Lock" toggle with visual alerts (Red).
  • Styling: Applied a modern "Dark Mode" theme (#101010 background) with rounded corners (radius="16") for a card-like aesthetic.

Technical Details

Framework: LVGL 9 (XML-based layout).

Resolution: Optimized for 240x320 portrait mode.

Components Used: lv_switch, lv_slider, lv_btn, lv_label, lv_view.

Removed all UI components from the smart house main screen.
Added note about the requirement for Docker or containerization software.
Created my Smart Home monitoring Dashboard
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant