Sonoff NSPanel Custom firmware Part 1: Interface Design - GUI Elements

Опубликовано: 05 Март 2026
на канале: 3ATIVE VFX
12,339
115

How to create your own custom firmware starts with deciding what you want your NSPanel to control. This Photoshop tutorial will walk through downloading basic MDI Icons and making glowing 3D GUI Elements for a Light, some Buttons and an ESPHome Thermostat.
So you will learn how to make your own interface from scratch, or use my included Photoshop file as a template.

I use ESPHome with Home Assistant, I find it easier to customise than tasmota 😉

🎁 Project Files ↪ https://github.com/3ative/NSPanel-Bui...

🎬 THE LINKS - Files / Help / Support:
🛒 Other files & Merch: https://store.3ative.com
💎 3ATIVE DISCORD:   / discord  
☕ Buy me a Coffee: https://www.buymeacoffee.com/3ative
💕 PATREON:   / 3ative  
💯 Get the Gadgets, Devices and Tools I use: Amazon UK: https://amzn.to/3uRw8fi
As an Amazon Associate I earn from qualifying purchases. Using this link ⇈ provides small monetary support for my channel at no extra cost to you.💖

Chapters:
00:00 Intro
00:18 01 - Setting Up
01:53 02 - Relay Bars
03:12 03 - Adding MDI Icons
04:42 04 - On & Off States
06:59 05 - Making the 'Main' Page
07:13 05.1 - The Light Button
11:04 05.2 - Duplicating Buttons
12:36 06 - Another Page!
15:00 Outro / Link to Part: 2

#Sonoff #Custom #NSPanel

~-~~-~~~-~~-~
Please watch: "ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-State Multiplexing Trick (Charlieplexing)"
   • ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-Sta...  
~-~~-~~~-~~-~