root/power-flux-card
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Advanced Animated Energy Flow Card for Home Assistant (Fork)
45 commits 1 branch 5 tags 3.8 MiB
Find a file
jayjojayson 7f6e44e938
v_2.1
2026-02-21 02:46:59 +01:00
.github v_2.0 2026-02-07 12:14:00 +01:00
dist power-flux-card Auto-build 2026-02-17 22:40:22 +00:00
docs v_2.1 2026-02-21 02:46:59 +01:00
src v_2.1 2026-02-17 23:40:08 +01:00
build.js v_2.1 2026-02-17 23:22:08 +01:00
hacs.json v_2.0 2026-02-07 12:12:01 +01:00
LICENSE Initial commit 2026-02-07 01:15:59 +01:00
README.md v_2.1 2026-02-21 02:46:06 +01:00

README.md

hacs_badge HACS validation GitHub release Downloads README Deutsch Support Stars

Power Flux Card

The ⚡ Power Flux Card is an advanced, animated energy flow card for Home Assistant. It visualizes the power distribution between Solar, Grid, Battery, and Consumers with beautiful neon effects and diffrent animations.

If you like the Card, I would appreciate a Star rating ⭐ from you. 🤗

power-flux-card power-flux-card
power-flux-card power-flux-card

✨ Features

  • Real-time Animation: Visualizes energy flow with moving particles.
  • Multiple Sources & Consumers: Supports Solar, Grid, Battery, and up to 3 additional consumers (e.g., EV, Heater, Pool).
  • Compact View: A minimalist bar chart view (inspired by evcc).
  • Customizable Appearance:
    • Neon Glow: Glowing effects for active power lines.
    • Donut Chart: Optional donut chart around the house icon showing energy mix.
    • Comet Tail / Dashed Lines: Choose your preferred animation style.
    • Zoom: Adjustable scale to fit your dashboard.
  • Localization: Fully translated in English and German.
  • Visual Editor: easy configuration via the Home Assistant UI.

🚀 Installation

HACS (Recommended)

  • Add this repository via the link in Home Assistant.

    Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

  • The "Power Flux Card" should now be available in HACS. Click on "INSTALL".

  • The resource will be automatically added to your Lovelace configuration.

  • Create the file power-flux-card.js in the /config/www/ folder.

HACS (manual)

  1. Ensure HACS is installed.
  2. Add this repository as a custom repository in HACS.
  3. Search for "Power Flux Card" and install it.
  4. Reload resources if prompted.

Manual Installation

  1. Download power-flux-card.js from the Releases page.
  2. Upload it to www/community/power-flux-card/ folder in Home Assistant.
  3. Add the resource in your Dashboard configuration:
    • URL: /local/community/power-flux-card/power-flux-card.js
    • Type: JavaScript Module

⚙️ Configuration

You can configure the card directly via the visual editor in Home Assistant.

Main Entities:

  • Solar: Power generation (W).
  • Grid: Grid power (W). Positive = Import, Negative = Export (or separate entities).
  • Battery: Battery power (W) and State of Charge (%).

Additional Consumers:

  • You can add up to 3 individual consumers (e.g., Car, Heater, Pool) with custom icons and labels.

Options:

  • Zoom: Adjust the size of the card.
  • Neon Glow: Enable/disable the glowing effect.
  • Donut Chart: Show the energy mix as a ring around the house.
  • Comet Tail / Dashed Line: Change the flow animation style.
  • Compact View: Switch to the bar chart layout.