v0.1.0 - Initial Release
Indicator Grid Card v0.1.0
Initial release of the Indicator Grid Card for Home Assistant.
Features
- Customizable Grid Layout: Configure rows, columns, cell size, and gaps
- State-Based Colors: Indicator lights change color based on entity states
- Numeric Thresholds: Set color thresholds for numeric sensors (e.g., temperature, battery)
- State Mappings: Map specific state values to custom colors
- Template Support: Use templates for display text with
{{ state }}and{{ name }} - Click Actions: Configure click behavior (toggle, more-info, or none)
- Visual Editor: Easy configuration through Home Assistant UI
- Global + Per-Entity Settings: Set defaults and override per entity
- Dim Off Entities: Reduce opacity of off entities for better visual clarity
Installation
HACS (Recommended)
- Open HACS in Home Assistant
- Go to "Frontend"
- Click the menu (three dots) in the top right
- Select "Custom repositories"
- Add this repository URL and select "Lovelace" as the category
- Click "Install"
- Restart Home Assistant
Manual
- Download
indicator-grid-card.jsfrom this release - Copy it to
config/www/in your Home Assistant installation - Add the resource in Lovelace:
- Go to Settings → Dashboards → Resources
- Click "Add Resource"
- URL:
/local/indicator-grid-card.js - Resource type: JavaScript Module
Documentation
See the README for configuration examples and detailed documentation.