ZOYKUHot Board

jobr99/nspanel-lovelace-ui기술 문서

Custom Firmware for NsPanel with the design of HomeAssistant's lovelace UI in mind, works with Tasmota.

언어 대체 안내:해당 저장소의 한국어 문서가 제공되지 않아 공식 영문 원본(English)으로 표시됩니다.
npm i nspanel-lovelace-ui

NSPanel Lovelace UI

If you like this project consider buying me a pizza 🍕

GitHub Release Project Maintenance GitHub Activity

NsPanel Lovelace UI is a Firmware for the nextion screen inside of NSPanel in the Design of HomeAssistant's Lovelace UI Design.

Visit https://docs.nspanel.pky.eu/ for installation instructions and documentation of the configuration.

Supported Home Automation Systems:

  • Home Assistant - Home Assistant add-on with web editor
  • ioBroker - 3rd-party Typescript Backend maintained by @britzelpuf and @Armilar

NsPanel needs to be flashed with Tasmota (or through a 3rd-party Component with ESPHome)

EU Model and US Model supported (in portrait and landscape orientation)

nspanel-rl

Features

  • Entities Page with support for cover, switch, input_boolean, binary_sensor, sensor, button, number, scenes, script, input_button and light, input_text (read-only), lock, fan, timer and automation
  • Grid Page with support for cover, switch, input_boolean, button, scenes, light, lock, timer and automation
  • Detail Pages for Lights (Brightness, Temperature and Color of the Light) and Covers (Position)
  • Thermostat Page
  • Media Player Card
  • Alarm Control Card
  • Screensaver Page with Time, Date and Weather Information
  • Card with QrCode to display WiFi Information
  • Localization possible (currently 38 languages)
  • Everything is dynamically configurable by a yaml config, no need to code or touch Nextion Editor

It works with Tasmota and MQTT. The Home Assistant add-on controls the panel and updates its content. Configure it with the web editor or panels.yaml; existing AppDaemon configurations can be imported. See the setup guide and migration guide.

See the following picture to get an idea of the look of this firmware for NSPanel.

screens

Some (not all) screenshots from the US Portrait Version:

screens-us-p

Home Assistant add-on editor

The Home Assistant add-on includes a web interface for editing panels, cards, entities, and screensavers. Import existing add-on or AppDaemon YAML, review migration warnings, then save and apply. See the add-on instructions.

Documentation

Visit https://docs.nspanel.pky.eu/ for installation instructions and documentation of the configuration.

Other Resources

Alternative Backends for other SmartHome Systems

ioBroker: https://forum.iobroker.net/topic/58170/sonoff-nspanel-mit-lovelace-ui/

IP Symcon: https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109

SmartHomeNG: https://github.com/sisamiwe/shng-nspanel-plugin

OpenHAB: https://github.com/olialb/nspanelMqttBridge

NodeRed: https://github.com/laluz742/node-red-contrib-nspanel-lui

ESPHome without any Backend: https://github.com/olicooper/esphome-nspanel-lovelace-native

GitHub 공식 원본 저장소에서 아카이브된 문서 미러 · GitHub 저장소 방문
동기화 기준일: 2026-11-10