Example Configurations¶

While all configuration is done through the Home Assistant UI editor, here are some common usage patterns to help you structure your display layouts.

Configuration is done in the NSPanel HAUI editor (sidebar entry, admin only) after selecting your device.

Pattern 1: Clock Screensaver + Entity Grid¶

A common setup: the display starts on a clock/weather screensaver, swiping navigates to a grid of daily controls.

Panel 1:  Clock or Weather   (screensaver)
Panel 2:  Grid               (light, switch, sensor, etc.)
Panel 3:  Light              (main room light with dimming)
Panel 4:  Cover              (window blinds)

Device settings: - Home panel: panel_1 (the clock) - Auto dimming / auto page: Enabled

Pattern 2: Weather Dashboard¶

Use the weather panel as an information hub.

Panel 1:  Weather            (screensaver)
  → Weather entity, daily forecast
  → Info items: indoor temp, humidity, CO2
  → Entity buttons: toggle bedroom light, toggle porch light

Background: Set to spring or modern for visual appeal. For dynamic backgrounds, choose Template… in the Background field and enter {{ 'dark' if is_state('sun.sun', 'below_horizon') else 'modern' }}.

Pattern 3: Living Room Control Hub¶

For a media-focused room:

Panel 1:  Grid               (lights, plugs, scene toggles)
Panel 2:  Light              (main light with brightness + RGB)
Panel 3:  Media              (TV/speaker controls)
Panel 4:  Climate            (AC/heating thermostat)

Color scheme: Match the room ambiance with warm accent colors (override the header_accent color to #f69d31 in Device colors).

Pattern 4: Bedroom Control¶

Minimalist bedroom setup with night-use consideration:

Panel 1:  ClockTwo           (time as text — easier to read at night)
Panel 2:  Light              (bedside lamp, dimmed to warm white)
Panel 3:  Grid               (alarm, do-not-disturb toggle, fan)

Device settings: - Dim brightness (the number.<device>_brightness_dimmed entity of the ESPHome device): 10-20% for nighttime - Dimming timeout (timeout_dimming): 15 seconds

Pattern 5: Security & Utility¶

For a hallway or entrance area:

Panel 1:  Clock              (time, temp, weather)
Panel 2:  Alarm              (arm/disarm the alarm system)
Panel 3:  QR                 (Wi-Fi guest network QR code)
Panel 4:  Grid               (outdoor lights, door lock, camera)

Panel pin: Set a Panel pin on the alarm panel to require a PIN before it opens.

Pattern 6: Kitchen Helper¶

Panel 1:  Weather            (morning glance)
Panel 2:  Timer              (cooking timer)
Panel 3:  Grid               (kitchen lights, coffee machine, extractor fan)
Panel 4:  Media              (kitchen speaker / radio)

Timer notification: Enable show_notification: true so the timer alerts visually when cooking is done.