https://github.com/pho3nix90/jk-bms-card

A customizable Home Assistant card to emulate the JK BMS screen.
https://github.com/pho3nix90/jk-bms-card

bms hacs hacs-custom home-assistant jk-bms jkbms seplos-bms

Last synced: 3 months ago
JSON representation

A customizable Home Assistant card to emulate the JK BMS screen.

• Host: GitHub
• URL: https://github.com/pho3nix90/jk-bms-card
• Owner: Pho3niX90
• Created: 2025-04-29T13:24:59.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2026-01-20T16:35:50.000Z (6 months ago)
• Last Synced: 2026-01-21T01:34:11.616Z (6 months ago)
• Topics: bms, hacs, hacs-custom, home-assistant, jk-bms, jkbms, seplos-bms
• Language: TypeScript
• Homepage:
• Size: 1010 KB
• Stars: 27
• Watchers: 3
• Forks: 14
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
I liked the layout of [Inspiration](https://github.com/syssi/esphome-jk-bms/discussions/230), but wanted the native functionality of clicking on an entity to see the history. So I created this simplistic card

![multiple.png](images/multiple.png)

# Layouts

## Default

![balancing.gif](images/balancing.gif)

## Core Reactor

![core_reactor.png](images/core_reactor.png)

inspired from: https://github.com/syssi/esphome-jk-bms/discussions/230

integration from: https://github.com/syssi/esphome-jk-bms/tree/main

## Prefix:

if your entities start with **jk_bms**_total_voltage, your prefix will be **jk_bms**

### Hacs custom repository

1. Inside hacs, click on the top right burger menu

   ![img.png](images/img_hacs.png)

2. Add the repository url, and select dashboard as type

   ![img.png](images/img_hacs_2.png)

### Manual Installation

1. Create a new directory under `www` and name it `jk-bms-card` e.g `www/jk-bms-card/`.

2. Copy the `jk-bms-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.

![img_1.png](images/img_1.png)

PR's are welcomed.