Recreate Sigenergy UI (using modbus sensors) as Home Assistant Card

sigen_modbus_card.yaml

type: custom:button-card
show_state: true
tap_action: none
custom_fields:
  home_image:
    card:
      type: picture
      image: local/Sigenergy/home_has_solar_has_car.png
      card_mod:
        style: |
          ha-card {
            background-color: transparent;
            border: none;
          }
  sigenstor_home_image:
    card:
      type: picture
      image: local/Sigenergy/sigenstor_home.png
      card_mod:
        style: |
          ha-card {
            background-color: transparent;
            border: none;
          }
  ammeter_home_image:
    card:
      type: picture
      image: local/Sigenergy/ammeter_home.png
      card_mod:
        style: |
          ha-card {
            background-color: transparent;
            border: none;
          }
  ac_charger_bg_image:
    card:
      type: picture
      image: local/Sigenergy/ac_charger_bg.png
      card_mod:
        style: |
          ha-card {
            background-color: transparent;
            border: none;
          }
  pv_power:
    card:
      type: custom:mushroom-template-card
      primary: "{{states('sensor.sigen_inverter_pv_power') | round(1) }}kW"
      secondary: SOLAR
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  load_power:
    card:
      type: custom:mushroom-template-card
      primary: "{{states('sensor.sigen_plant_consumed_power') | round(1) }}kW"
      secondary: HOME
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  grid_power:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set import = states('sensor.sigen_plant_grid_import_power') |
        round(1) %} {% set export =
        states('sensor.sigen_plant_grid_export_power') | round(1) %} {% if
        import > 0 %}
          {{ import }}kW
        {% elif export > 0 %}
          {{ -export }}kW
        {% else %}
          0
        {% endif %}
      secondary: |
        GRID
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  grid_flow_label:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set import = states('sensor.sigen_plant_grid_import_power')  |
        round(1)  %} {% set export =
        states('sensor.sigen_plant_grid_export_power') | round(1) 
         %} {% if import > 0 %}
          Importing
        {% elif export > 0 %}
          Exporting
        {% else %} {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 12px !important;
              font-weight: bold !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              color: lightgray !important;
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  battery_soc:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set soc = states('sensor.sigen_plant_battery_state_of_charge') %}  {%
        set soc_power = states('sensor.sigen_plant_battery_power') | round(1) 
        %}

        {% if soc_power != 0 %}
          {{ soc_power | abs }}kW · {{ soc }}%
        {% else %}
          {{ soc }}%
        {% endif %}
      secondary: SigenStor
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              overflow: visible !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  battery_discharge_label:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set soc = states('sensor.sigen_plant_battery_state_of_charge') %}  {%
        set soc_power = states('sensor.sigen_plant_battery_power') | round(1) 
        %}

        {% if soc_power < 0 %}
          Discharging
        {% else %}
          
        {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 12px !important;
              font-weight: bold !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              color: lightgreen !important;
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  battery_charge_label:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set soc = states('sensor.sigen_plant_battery_state_of_charge') %}  {%
        set soc_power = states('sensor.sigen_plant_battery_power') | round(1) 
        %}

        {% if soc_power == 0 %}
          
        {% else %}
          {% if soc_power > 0 %}
            Charging
          {% endif %}
        {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 12px !important;
              font-weight: bold !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              color: red !important;
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  ev_soc:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set power = states('sensor.buzz_lightgear_charger_power') | float %}
        {% set soc = states('sensor.buzz_lightgear_battery') %}  {% set range =
        states('sensor.buzz_lightgear_range') | round(0) %}  {% if power > 0 %}
          {{ power }}kW - {{ soc }}% ({{ range }}km)
        {% else %}
          {{ soc }}% ({{ range }}km)
        {% endif %}
      secondary: >
        {% set soc = states('sensor.buzz_lightgear_battery') %}  {% if soc ==
        'unknown' %}
          Car Asleep
        {% else %}
          Buzz Lightgear
        {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  water_diverter_power:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set power = states('sensor.sigen_2024052302935_smart_home_1_power') |
        float %} {% if power > 0 %}
          {{ power | round(2) }}kW
        {% else %}
          
        {% endif %}
      secondary: >
        {% set power = states('sensor.sigen_2024052302935_smart_home_1_power') |
        float %} {% if power > 0 %}
          🛁 Heating
        {% else %}

        {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  ev_ac_power:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set acrunstatus =
        states('sensor.sigen_ac_charger_system_state').split('-')[0] %} {% set
        amps = states('number.sigen_ac_charger_charger_output_current') %}  

        {% if acrunstatus == 'Charging' %}
          {{ states('sensor.sigen_ac_charger_charging_power') }} kW ({{ amps | float | round(0) | int }}A)
        {% else %}
          {{ acrunstatus }}
        {% endif %}
      secondary: |
        AC CHARGER
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 14px !important;
              font-weight: bold !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
            .secondary {
              font-size: 12px !important;
              color: gray !important;
              position: relative;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  ev_charging_label:
    card:
      type: custom:mushroom-template-card
      primary: >
        {% set soc_power = states('sensor.buzz_lightgear_charger_power') | float
        %}

        {% if soc_power > 0 %}
          Charging
        {% else %}
          
        {% endif %}
      multiline_secondary: false
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 12px !important;
              font-weight: bold !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              color: red !important;
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  ev_charging_icon:
    card:
      type: custom:mushroom-template-card
      icon: >-
        {% set soc_power = states('sensor.buzz_lightgear_charger_power') | float
        %}

        {% if soc_power > 0 %}
          mdi:lightning-bolt          
        {% endif %}
      icon_color: >-
        {% set soc_power = states('sensor.buzz_lightgear_charger_power') | float
        %}

        {% if soc_power > 0 %}
          red          
        {% endif %}
      fill_container: false
      card_mod:
        style:
          mushroom-state-info$: |
            .primary {
              font-size: 12px !important;
              font-weight: bold !important;
              letter-spacing: -0.1px !important; /* Reduce letter spacing */
              color: lightgreen !important;
              position: relative;
              overflow: visible !important;
              text-align: left;
            }
          .: |
            ha-card {
              background-color: transparent;
              border: none;
            }
  vertical_line:
    card:
      type: custom:button-card
      card_mod:
        style: |
          ha-card {
            background-color: transparent;
            border: none;
            position: relative;
            width: 1px;
            height: 110px; /* Adjust height as needed */
            background-color: gray; /* Light gray background */
            overflow: hidden;
            animation: rotation 2s linear infinite;
          }
          .line {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, green 50%, transparent 50%);
            background-size: 100% 200%;
          }
          @keyframes rotation {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(00deg);
            }
          }
styles:
  card:
    - align-self: start
    - height: >
        [[[ return states['input_number.sigen_home_card_height'].state + 'px';
        ]]]
    - opacity: 1
    - background-color: transparent
    - border: none
  custom_fields:
    home_image:
      - position: absolute
      - top: 5px
      - left: 10px
      - width: 395px
    sigenstor_home_image:
      - position: absolute
      - top: 5px
      - left: 10px
      - width: 395px
    ammeter_home_image:
      - position: absolute
      - top: 5px
      - left: 10px
      - width: 395px
    ac_charger_bg_image:
      - position: absolute
      - top: 5px
      - left: 10px
      - width: 395px
    pv_power:
      - position: absolute
      - top: 15px
      - left: 210px
      - width: 100px
    load_power:
      - position: absolute
      - top: 15px
      - left: 300px
      - width: 100px
    water_diverter_power:
      - position: absolute
      - top: 110px
      - left: 130px
      - width: 100px
    grid_power:
      - position: absolute
      - top: 300px
      - left: 300px
      - width: 100px
    grid_flow_label:
      - position: absolute
      - top: 335px
      - left: 300px
      - width: 100px
    battery_soc:
      - position: absolute
      - top: 300px
      - left: 175px
      - width: 100px
    battery_discharge_label:
      - position: absolute
      - top: 335px
      - left: 175px
      - width: 100px
    battery_charge_label:
      - position: absolute
      - top: 335px
      - left: 175px
      - width: 100px
    ev_soc:
      - position: absolute
      - top: 300px
      - left: 20px
      - width: 100px
    ev_ac_power:
      - position: absolute
      - top: 15px
      - left: 20px
      - width: 100px
    ev_charging_label:
      - position: absolute
      - top: 335px
      - left: 20px
      - width: 100px
    ev_charging_icon:
      - position: absolute
      - top: 245px
      - left: 10px
      - width: 100px
    vertical_line:
      - position: absolute
      - top: 47px
      - left: 305px
      - width: 1px
      - height: 100px

Thanks alot for all your effort in this @fbradyirl My first ever project in HA and Yaml ;) And would be lovely to see your work @H4TR1Z! I have made SVG files exactly as Sigenergys moving in direction of the power. if you are interested in them? Dont know how to make an fancy video/gif as you did :D Link for moving flows. https://gist.github.com/user-attachments/assets/98790131-352c-49e7-b3a0-191391bee547 Best regards!

Very nice! Mind sharing your code?

Whole Yaml? or just the Svg files? i can share it all if needed :) If anyone just could show me where or HOW!? :P Not familiar with github

Thanks alot for all your effort in this @fbradyirl My first ever project in HA and Yaml ;) And would be lovely to see your work @H4TR1Z! I have made SVG files exactly as Sigenergys moving in direction of the power. if you are interested in them? Dont know how to make an fancy video/gif as you did :D Link for moving flows. https://gist.github.com/user-attachments/assets/98790131-352c-49e7-b3a0-191391bee547 Best regards!

Very nice! Mind sharing your code?

Whole Yaml? or just the Svg files? i can share it all if needed :) If anyone just could show me where or HOW!? :P Not familiar with github

Yes the .yaml.

You can use the "code" tag in the github comment window. Or put it in pastebin.com lol.

Its a working progress.

Pastebin wont let me....
Using "code" will make the thread so long. so hopefully this works?
https://limewire.com/d/n59es#in36tBdSth

Hi All,

I hope its OK, instead of continuing to post in this Gist, I've created a new thread in the 'Discussion' section of the Sigenergy-Local-Modbus repository. Hopefully this will provide a central place for people to easily find this card and everyones efforts.

If people believe the card is maturing 'enough', I'll also see about posting it into the repository that TypQxQ has mentioned for consolidating card/addons etc, that will then allow people to easily FORK and start contributing to it with trackable merges/PULLS.

The Discussion Thread is at: TypQxQ/Sigenergy-Local-Modbus#184

Just a thought... there's also the Power Flow Plus card. It looks completely different from the Sigen app but I prefer it as it's simpler and clearer. Just letting people know there's options.

Hi everyone,
sorry for the delayed response. I’m currently on vacation, and development will start the week after next. Thanks for your patience!

Hi everyone, sorry for the delayed response. I’m currently on vacation, and development will start the week after next. Thanks for your patience!

Looking forward to the release!

any news on the update? thanks

should this grow into something better than just a gist? This is great!

Hi everyone, sorry for the delayed response. I’m currently on vacation, and development will start the week after next. Thanks for your patience!

Certainly looking forwards to this @H4TR1Z Thanks

Still nothing? I'm getting desperate.

Its a working progress.

Pastebin wont let me.... Using "code" will make the thread so long. so hopefully this works? https://limewire.com/d/n59es#in36tBdSth

Would you mind sharing your yaml again for the animation?

any updates yet?

I'm new to sigenergy - just had mine installed last week. Is there a yaml or something we can use to create the house energy monitor like in the screenshots above? I have modbus enabled and have HA all working

@arwindersingh82 I for one am certainly looking forward to the YAML that @H4TR1Z will create - no good at coding myself so have to rely on the skills of others.

This is awesome looking forward to the YAML or card.

Hey everyone!

Since @H4TR1Z never posted their version, I decided to create my own Sigenergy-inspired Home Assistant dashboard. It's still in early development, but I'm excited to share it with the community at this stage.

🔗 Repository: https://github.com/SpengeSec/Genergy-Dashboard

Key Features

• Zero coding required – no manual YAML editing needed
• Easy setup – guided configuration flow on first run
• Flexible settings – everything can be adjusted through the settings view
• Auto-detection – automatically detects entities from the HA Energy Dashboard (just pushed this update!)
• Sigenergy integration – toggle "Use Sigenergy Default Entities" during setup if you're using the Sigenergy Modbus integration
• Universal compatibility – works with any setup, not locked to Sigenergy hardware

EMHASS Support

The dashboard includes EMHASS forecast visualization. One of our Australian beta testers even successfully used HAEO by mapping their HAEO entities to the EMHASS fields.

⚠️ Work in Progress

This is an early release. Some features are still being developed, and not all settings options are fully functional yet. Please be patient with bugs and rough edges – I'll be improving things over time!

Looking forward to your feedback and contributions!

@SpengeSec

Great work / thank you. Just installed and I noticed that whilst the setup page reads the 'Power' sensors and shows them as (say) 1.96kW, that on the dashboard it is showing all the power sensors in Watts. So the Inverter Active Power / Solar Power for instance at 1.96kW is showing as '2W'.

Also using the sensor.sigen_plant_battery_power and the dash is showing the power flow the wrong way around. Currently -0.3kW which is discharging, but the dash is showing it as charging.

Also a bit confused as to Battery Current, Battery Pack 1-4 (no 5 & 6?) SoC, Grid Voltage, Inverter Temp (vs the PCS Temp) ... are these for future, as I've not seen these available in Sigenergy modbus registers?

BTW apart from EMHASS, have you seen:

• MPC Energy - https://github.com/4tiernan/mpc_energy
• HAEO - https://github.com/hass-energy/haeo

Hi,

I do not use Sigenergy modbus myself, I assume you do?
Can you please create an Issue on the github explaining in detail every step you took? Possibly with screenshots of the issues you're facing and the entities you used?

You're right about needing to add more battery pack entity slots.

Yes I know about HAEO, however I personally use EMHASS.

As I wrote earlier:

"EMHASS Support

The dashboard includes EMHASS forecast visualization. One of our Australian beta testers even successfully used HAEO by mapping their HAEO entities to the EMHASS fields."

You should probably experiment with the Settings View and setting additional entities there yourself, if you use the Sigenergy Use Default Entities toggle in the Config flow.

Thanks!

Which integration are you using for querying Sigenergy modbus registers? I actually installed it upon a fresh HA with the MQTT based integration, but none sensors where found/mapped using the 'auto detect' function. Instead I've disabled this, wiped the sensors from HA and installed the modbus integration, following which your integration was able to auto detect most of the sensors.

Main obvious issue atm is that no matter is power sensors are set to use unit of measurement is W or kW, the inverter / inverter details shows it as W (i.e. 2kW shows as 2W) and the flow directions are back to front. For instance Battery currently discharging -2.15kW (kW showing correctly on the house image) but the flow animation is showing it Charging.

As above, wondering re the SoC per battery module, Grid Voltage, Battery Current and the 'Battery # Details' card, as there's currently no modbus registers for this to be queried? Or are you somehow getting them another way?

I'm going to push an update soon.

You should use this integration for sigenergy modbus integration: https://my.home-assistant.io/redirect/hacs_repository/?owner=TypQxQ&repository=Sigenergy-Local-Modbus&category=Integration

Furthermore, you can change entitites and additioanl functions in the Settings view (the wheel button top left, second button).

Why is your House image card white? The integration uses the black one as far as I know.

Please update to Version 2.5.0 and restart HA.

Most of your issues should be fixed.

You may want to remove Genergy completely, re-add to HACS and fresh install.
https://github.com/SpengeSec/Genergy-Dashboard?tab=readme-ov-file#changelog

Moved to: SpengeSec/Genergy-Dashboard#1