Thin Bar Card

A compact, highly customizable horizontal bar card for Home Assistant. Perfect for displaying sensor values like battery levels, humidity, disk usage, etc.

Features

• Visual Editor: Full UI configuration support.
• Multi-sensor: Stack multiple sensors in one card.
• Compact Layout: Text inside or outside the bar.
• Customizable: Change colors, heights, spacing, and font sizes.
• Responsive: Works great on mobile and tablets.

Installation via HACS

1. Go to HACS -> Frontend.
2. Click the 3 dots in the top right corner -> Custom repositories.
3. Paste the URL of this repository.
4. Select category: Lovelace.
5. Click Add and then install "Thin Bar Card".

Configuration

Simple Example

type: custom:thin-bar-card
title: "Batteries"
entities:
  - sensor.phone_battery_level
  - sensor.tablet_battery_level

Another Example

type: custom:thin-bar-card
title: "Server Status"
height: 20
spacing: 8
text_inside: true
font_size: 14
entities:
  - entity: sensor.cpu_usage
    name: CPU Load
  - entity: sensor.disk_use_percent
    name: Disk Space
severity:
  - from: 0
    to: 50
    color: "#2ecc71"
  - from: 51
    to: 80
    color: "#f1c40f"
  - from: 81
    to: 100
    color: "#e74c3c"