Skip to content

On-Device UI

The display itself is touch-first: tap tiles to switch things, open folders, and bring up detail popups. Everything shown here is configured in the web admin panel — the device is for using the dashboard, not building it.

Home dashboard

Folders open as full-screen sub-pages with their own grid; the back tile in the top-left corner returns to the previous page.

Folder page with light tiles and scenes

Popups

Data tiles open a detail popup — on a tap or a long press, configurable per tile in the web admin.

Light Control

Switch tiles bound to a light entity get the full control set. The icon row at the bottom switches between the views; the power button toggles the light.

Brightness slider Color wheel Color temperature

Brightness is a drag slider, color is a full color wheel, and K selects the white color temperature. Views only appear if the light supports them.

Sensor History

Sensor tiles chart their history — fetched live from Home Assistant through the bridge — with a 24-hour and a 7-day view.

Sensor history, 7 day view

Energy Statistics

Energy tiles chart the Home Assistant Energy Dashboard statistics: hourly bars for the day view, daily bars for the week view.

Energy day view Energy week view

Weather

Current conditions plus the forecast ahead: daily min/max with an hourly temperature curve, precipitation, and rain probability. The arrows page through the coming weeks.

Weather popup

Media

Media tiles show cover art and what's playing; the popup adds transport controls and a volume slider.

Media popup

Climate

Climate tiles show the current room temperature and indicate whether the entity is actively heating, cooling, drying, or running its fan. Their configurable mini-tiles can also place humidity, heating/cooling targets, target humidity, and HVAC mode directly on the dashboard.

The popup provides a circular target-temperature control, plus/minus buttons, and only the controls supported by the selected Home Assistant entity. Depending on the device this includes low/high target ranges, target humidity, HVAC mode, presets, fan mode, vertical swing, and horizontal swing. Long option lists are touch-scrollable.

The first example exposes the complete control set reported by an air conditioner. The second entity only supports heating, so the popup automatically stays compact:

Full Climate popup with HVAC modes, target range, humidity, preset, fan, and swing controls Capability-aware heat-only Climate popup

Settings

The settings tile (gear icon) opens the on-device settings menu:

Settings menu

Display

Brightness, sleep timeout (up to Never), a separate screensaver timeout, and a rotate button that turns the whole UI by 180° — for mounting the display upside down. Set the screensaver slider to Never to disable automatic activation.

Display settings with screensaver timeout

You can also open the screensaver immediately by tapping any Clock tile. See the Screensaver guide for microSD setup and layout configuration.

WiFi

The list shows found networks; the connected one is checked, and the status bar shows the current IP address — that's the address of the web admin panel.

WiFi popup

  • Disconnect drops the connection without deleting the saved credentials. The device stays offline until you connect again or restart it.
  • Enable AP starts a hotspot with an on-screen QR code — connect to it and a captive portal asks for your WiFi credentials. This is the way in when the device isn't on your network yet.
  • Manual lets you type an SSID and password directly, with an on-screen keyboard:

Manual WiFi entry with on-screen keyboard

Localization

Language (English/German), time zone, time and date format, and the on-screen keyboard layout. Everything follows the language automatically unless overridden — the whole UI switches, including the settings and all popups.

Localization settings Settings menu in German

System

Firmware version, device name, and the maintenance actions:

System popup

  • Check for updates looks up the latest GitHub release and installs it directly on the device — see Firmware Updates.
  • Restart reboots the device.
  • Pairing re-announces the device to Home Assistant: it reconnects MQTT and republishes its discovery data. Use it if the device is missing in Home Assistant — for example after you deleted it there — without touching any settings.
  • GitHub shows a QR code linking to this project.