Ecoflow Card

What is Ecoflow Card ?

Ecoflow carf is custom card for Home Assistant Dashboard UI.

It uses Ecoflow Home Assistan Integration devices to show it.

Screenshots

Features

• 🛠 Editor for card (no need to edit yaml)
• 😍 Color customisation
• 🚀 0 dependencies : no need to install another card.
• 🌈 Based on Tailwind CSS
• 🌎 Internationalization (now only English and Ukrainian)

Installation

HACS

Ecoflow Card will be available in HACS (Home Assistant Community Store).

Use this link to directly go to the repository in HACS

or

1. Install HACS if you don't have it already
2. Open HACS in Home Assistant
3. Search for "Ecoflow Card"
4. Click the download button. ⬇️

Manual

1. Download ecoflow-card.js file from the latest release.
2. Put ecoflow-card.js file into your config/www folder.
3. Add reference to ecoflow-card.js in Dashboard. There's two way to do that:
   • Using UI: Settings → Dashboards → More Options icon → Resources → Add Resource → Set Url as /local/ecoflow-card.js → Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile
   • Using YAML: Add following code to lovelace section.

     resources:
       - url: /local/ecoflow-card.js
         type: module

Usage

Ecoflow card can be configured using Dashboard UI editor.

1. In Dashboard UI, click 3 dots in top right corner.
2. Click Edit Dashboard.
3. Click Plus button to add a new card.
4. Find Custom: Ecoflow card in the list.

Build

You can build the ecoflow-card.js file in dist folder by running the build command.

npm run build