A Lovelace room dashboard card with a native Home Assistant look, visual editor support, and dynamic sections.
What it can do?
- 2-column room layout with editable sections for Lights, Climate, Media, Sensors & Power, and Shades. Ability to rename and repurpose sections.
- Native Lovelace editor with clearable
ha-selectorentity pickers - Dynamic rendering (sections/rows hide automatically when entities are missing)
- Draggable climate dial with HVAC mode strip
- Climate fallback display when no thermostat is configured
- User-defined footer action buttons (entity, icon, off-icon, label)
- Per-section custom titles via
section_titles - Sensor formatting with default 2 decimal places and optional per-extra override
Why another custom card?
I’m using HA on couple Android tablets. Screen space is always a problem and scrolling up and down all the time is very annoying.
I really needed a card that would allow me to see and control most important information for the room at one place. Without scrolling, while being able to display important information that normally cannot fit in one screen.
Is it long-term supported?
Yes, I’m taking care for each my opensource projects, long-term. Any issues should be reported on GitHub. I’m doing my best to keep everything up to date and fix any issues soon as possible.
How to install?
Option A: HACS
- Open HACS in Home Assistant
- Go to Frontend → Custom repositories
- Add:
https://github.com/techartdev/TechArtRoomCard(Category: Dashboard) - Install TechArt Room Card
- Reload Home Assistant frontend (hard refresh recommended)
- Add the card to any dashboard
Option B: Manual
- Download/build
tech-art-room-card.js - Copy it to:
config/www/tech-art-room-card.js - Add Lovelace resource:
url: /local/tech-art-room-card.js
type: module
Head to the repo by clicking this: GitHub - techartdev/TechArtRoomCard: A Lovelace room dashboard card