Setup · from zero

Set up a panel, step by step.

From HACS to a powered-on, licensed panel — install the integration, restart Home Assistant, push the app over ADB, connect it, and build your pages in the visual editor. Driven by the real admin GUI, no cables, no touching the panel by hand.

Before you start

requirements
📟

A Sonoff NSPanel Pro

The wall panel (480×480, Android 8.1) the app runs on.

🏡

Home Assistant + HACS

A running HA with HACS to add the integration.

📡

An MQTT broker

The MQTT integration configured; the panel connects over WebSocket.

ADB, one-time. Enable ADB over network on the panel and accept the RSA key once — then Home Assistant installs and updates the app for you, pure Python, no PC or cables.

The full walkthrough

25 steps · real GUI

Install

HACS

01

Add DomoDreams to HACS

One click opens your Home Assistant and offers to add the DomoDreams repository (category Integration). Confirm it, then hit Download on the page it opens — no custom-repository ceremony.

Open your Home Assistant instance and add this repository to HACS.

https://github.com/domodreams/home-assistant-nspanel-pro
02

Restart Home Assistant

Restart HA so the freshly-installed integration is loaded.

Settings → System → top-right ⋮ → Restart Home Assistant.

Integration

Home Assistant

03

Starting point

No DomoDreams panel configured yet.

Starting point
04

Add the integration

Search for “DomoDreams Panel” among the brands.

Add the integration
05

Filter by brand

The search hides this instance’s other, private integrations.

Filter by brand
06

New panel

No panel is online yet, so the flow goes straight to the manual form.

New panel
07

Panel identity

Device id “nspanel-salone” — it must match the app’s instanceName.

Panel identity
08

Device created

The integration registers the device in Home Assistant.

Device created
09

Configured

“DomoDreams Panel” is now among the active integrations.

Configured

App install

The panel

10

Bare panel

The panel’s Android launcher, with our app not yet installed.

Bare panel
11

Config panel · offline

“Panel offline”: the device exists in HA but the app isn’t there yet.

Config panel · offline
12

Setup / Update tool

Brings a new panel online over ADB, before it even speaks MQTT.

Setup / Update tool
13

Panel address

The panel’s IP on the local network.

Panel address
14

Connected

px30_evb · Android 8.1.0 · app not installed.

Connected
15

Installing

The v1.1.0 APK is downloaded from the GitHub release and installed on the panel.

Installing
16

Installed

“Installed v1.1.0 — up to date.” Signed with the new release key.

Installed

First boot

The app on the panel

17

First boot

“Waiting for configuration…” with a provisional id. Swipe down for settings.

First boot
18

Settings · to fill in

Panel name and MQTT address / credentials — the password is masked.

Settings · to fill in
19

Filled in and connected

instanceName “nspanel-salone” (same as the HA device id) → “Connected”.

Filled in and connected

Build

Lay out your pages

From the “NSPanel Pro” sidebar editor — visual, admin-only: pages on the left, a live panel preview in the middle, settings on the right.

20

Open the editor

“NSPanel Pro” in the HA sidebar opens the visual editor: your pages on the left, a live preview of the panel in the middle, and the panel settings on the right — theme, home page, timeouts, sizes.

Open the editor
21

Create a page

Hit Add page at the bottom of the list, name it and choose the Grid type, then set its columns and rows. It joins the swipe order and the middle preview redraws instantly as the real panel would.

Add page → name it → type Grid → set columns × rows.

22

Add a button

Click an empty cell and a tile drops in. Select it and the inspector on the right sets its icon, label and the entity it controls — every change lands live in the preview. Drag to move, drag a corner to resize.

Add a button
23

Add any page type

Beyond grids, add clock, alarm, camera or music pages and set the swipe order — here a camera page with its live view and PTZ pad.

Add any page type
24

Style, sensors & licence

The Device tab: screensaver, presence and light-sensor behaviour, auto-brightness, diagnostics and the licence card.

Style, sensors & licence

Verify

The result

25

Live and licensed

Full licence applied: the grid is clean, no watermark.

Live and licensed

Your panel is live.

Pick a style, then take the watermark off with a licence.