Code Monkey home page Code Monkey logo

nspanel_ha_blueprint's Introduction

Are you happy with our version for NSPanel? Please consider supporting us with a donation.
Paypal

Open your Home Assistant instance and show the blueprint import dialog with a specific blueprint pre-filled.

ESPHome (latest) Validate ESPHome (beta)

NSPanel Custom with HA Blueprint

This innovative solution is designed to revolutionize how you interact with your Sonoff NSPanel. Our goal? To make the customization of your NSPanel seamless, intuitive, and completely code-free!

Table of Contents

  1. Project Highlights
  2. Documentation & Resources
  3. Features
  4. Pages Overview
  5. Contributing
  6. Community & Support
  7. Acknowledgements
  8. Donations

๐ŸŒŸ Project Highlights

  • No Coding Required: Customize your NSPanel without touching a single line of code. It's all about intuitive, user-friendly experiences!
  • Quick Setup: Get your NSPanel up and running in minutes with our easy-to-follow graphical interface.
  • Local Control: Embrace full local control of your NSPanel, steering clear of cloud dependencies.
  • Community-Driven: A project for the users, by the users. Your contributions shape the future of this project!

๐Ÿ“š Documentation & Resources

๐Ÿš€ Features

  • Easy to use and simple configuration via Blueprint - no change in the code is necessary
  • 32 buttons on 4 button pages with long press function for settings (more buttons are also possible)
  • Button design is automatically generated based on the selected entity
  • Buttons show current brightness and cover position in the button itself
  • Buttons label can be assigned via blueprint
  • Weather + 5 days weather forecast
  • Thermostat + Touch + Relay control for floor heating
  • Light control (brightness, color and temperature) - via long Press
  • Cover control (open, close and position) - via long press
  • Settings page (display brightness, display dim brightness, sleep mode, reboot NSPanel)
  • Swipe between pages
  • Top menu with 10 icons for specific states
  • Heating control (hot water)
  • Modern design - design easy to change via Adobe Express (free + design template)
  • 2 physical switches with optional fallback mode
  • and much more ;)

๐Ÿ“– Pages Overview

Home

Home EU
Home US

  • Current weather with button to Weather Forcast page
  • Hardware buttons can be freely assigned
  • Hardware button label (optional)
  • Blue line indicates the entity's states (on or off)
  • Outside temperature
  • Status icons at the top
  • Room temperature with button to thermostat page
  • Room humidity
  • Up to 3 user's selectable entities

ย 

Button Page

3 Buttonpage NEW Domains

  • Up to 32 buttons
  • 4 Button pages
  • Button design is automatically generated based on the selected entity
  • Buttons show current brightness and cover position in the button itself
  • Buttons label can be assigned via blueprint
  • All buttons with long press function
  • Automatic detection by long press if it is a light, cover or climate for submenu
  • Swipe between all pages
  • Swipe also down and up for fast access to certain pages

ย 

Light Settings

4 lightsetting 1 5 Lightsetting 2 6 Lightsetting 3

  • Light current state
  • Brightness slider
  • RGB color wheel
  • Color temperature slider
  • Jump back to the right button page

ย 

Cover Settings

8 Cover

  • Open and close cover
  • Cover position via slider
  • Cover battery value (when available)
  • jump back to the right button page

ย 

Thermostat / Climate

ย 

Fan speed

  • Turn-on and turn-off fan
  • Set speed via slider or buttons
  • jump back to the right button page

ย 

Alarm

  • Arm/disarm an alarm (standard modes supported by Home Assistant)
  • Support to numeric pin for arming or disarming

ย 

Weather Forecast

9 Weather

  • 5 days weather forecast via swipe (supports most used weather integrations)
  • Min and max outside temperatures
  • Date
  • Other weather parameters (when provided by your integration):
    • Rain probability
    • Sunshine hours
    • UV index
    • Thunderstorm probability
    • Wind speed

ย 

Display Settings

Settings EU
Settings US

  • Restart NSPanel
  • Display brightness slider
  • Display dim brightness slider

Boot

Boot EU
Boot US

Home Assistant interface

Device's page

On the device's page under "Devices & Services" you can set the global configuration of your device and see the value of it's sensors and relays:

Device Setting - Controls
Device Setting - Sensors
Device Setting - Configuration
Device Setting - Diagnostic

Automation (Blueprint)

In your automations you use the blueprint's inputs to define what will be shown on your panel and how it should behave: Blueprint 01 Blueprint 02 Blueprint 03 Blueprint 04 Blueprint 05

๐Ÿš€ Contributing

  • Pull Requests: Please direct all pull requests to the DEV branch, not the main branch.
  • Join Our Team: We're on the lookout for enthusiasts in programming, documentation, and translation. Interested? Please let us know.

๐ŸŒ Community & Support

Join our vibrant community! Whether you're seeking support, wanting to contribute, or just looking to share your NSPanel journey, we're here for you.

๐ŸŽ‰ Acknowledgements

A huge thank you to everyone who has contributed to making this project a reality. Your support, feedback, and contributions have been invaluable.

And special thanks for the other projects which inspired us:

๐Ÿ’– Donations

Are you happy with our version for NSPanel? Please consider supporting us with a donation.

Paypal

nspanel_ha_blueprint's People

Contributors

edwardtfn avatar blackymas avatar deejaybeam avatar tikismoke avatar bkbartk avatar wzyprojects avatar bakito avatar x-ryl669 avatar chpego avatar floppe avatar wendtc avatar svenvv avatar doron1 avatar denes44 avatar punkra1n avatar el97 avatar engindzhemil avatar naofireblade avatar misery avatar albinmedoc avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.