Creative Button-Card Templates¶
A collection of Button Card templates to improve the build speed and quality of your Home Assistant Lovelace dashboards.
Examples above are shown in the default dark theme however they should work for most themes. They might require a couple of tweaks here and there. I prefer the excellent Noctis theme.
"What card are you using for that? I want to use that on mine!"
I made this repo for my friends who were asking me the above question. If you're someone else who's managed to stumble across them then "hello" and you're welcome to use them. If you like them then please post some images of what you create on the Home Assistant Forum and remember to send kudos to @RomRider and everyone who contributed to Button Card which is the only reason these templates were possible.
Quick Links¶
Install Browse Templates Addons Examples
What You Get¶
- Ready-made Button Card templates for common Home Assistant dashboard controls.
- Visual cards for lights, covers, climate, selectors, smart plugs, info rows, and mini buttons.
- Shared addons for actions, dynamic icons, sizing, transparency, and helper functions.
- YAML-first docs with examples you can paste into your dashboard config.
New In v0.3.0+¶
- Compatible with Button-Card 7.
- New templates, new features on existing cards and plenty of bug fixes.
- Easier Storage (UI) mode installation.
- Built-in update checking and optional usage stats.
If you're updating from a previous version, start with Updating.
Visual Studio Code Extension¶
If you're using VSCode to work on your Button-Card YAML, check out Button-Card Javascript Support in YAML for VSCode. It adds embedded JavaScript support for [[[ ... ]]] Button-Card templates, including ESLint diagnostics when your workspace has ESLint configured.