An animated Home Assistant card to emulate the power flow that's shown on the Sunsynk Inverter screen. You can use this to display data from many inverters e.g. Sunsynk, Deye, Solis, Lux, FoxESS, Goodwe, Huawei etc as long as you have the required sensor data. See the wiki for integration methods and examples.

Refer to https://slipx06.github.io/sunsynk-power-flow-card/index.html

• Option to switch between three card styles: compact, lite or full.
• Animated power flow based on positive/negative/zero sensor values with configurable dynamic speed. (Supports inverted battery, AUX and grid power).
• Dynamic battery image based on SOC.
• Grid connected status.
• Configurable battery size and shutdown SOC to calculate and display remaining battery runtime based on current battery usage and system time slot setting i.e. SOC, Grid Charge. Can be toggled off.
• Daily Totals that can be toggled on or off.
• Hide all solar data if not installed or specify number of mppts in use. Set custom MPPT labels.
• "Use Timer" setting and "Energy Pattern" setting (Priority Load or Priority Battery) shown as dynamic icons, with the ability to hide if not required. If setup as switches can be toggled by clicking on the card.
• Panel mode for bigger card.
• AUX and Non-essential can be hidden from the full card or assigned configurable labels.
• Customisable - Change colours and images.
• Most entities can be clicked to show more-info dialog.
• Optional data points include self sufficiency and ratio percentages, battery temperature, AC and DC temperature.
• Display additional non-essential, essential and AUX loads.
• Display energy cost per kWh and solar sell status.
• Select your inverter model for custom inverter status and battery status messages i.e. Sunsynk, Lux, Goodwe, Solis.

Compact Version

Lite Version

Full Version

The card can be installed via HACS (recommended) or manually.

1. Install HACS.
2. Search & Install sunsynk-power-flow-card or click the button below.

1. Create a new directory under www and name it sunsynk-power-flow-card e.g www/sunsynk-power-flow-card/.
2. Copy the sunsynk-power-flow-card.js into the directory.
3. Add the resource to your Dashboard. You can append the filename with a ?ver=x and increment x each time you download a new version to force a reload and avoid using a cached version. It is also a good idea to clear your browser cache.