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.
It's been a long time coming! I'll try to make the updates more frequent, plenty in this release to keep you busy though...
- Now compatible with Button-Card 7!
- New templates, new features on existing cards and ALL the bug fixes!
- There are a few little breaking changes which I've tried to call out in the docs.
- There's a much easier way to install for Storage (UI) mode.
- There's an update checker so you'll know when there's an update available.
- It's still home-ware so expect some glitches, log issues here and I will try my best to fix them.
- Feature suggestions are welcome and please show me what you're building with them! I really want to see what you're creating!
If you're updating from a previous version, check out the Updating section in the new Documentation for instructions.
🙋♂️ If you're updating then make sure to keep an eye out for the breaking changes which are highlighted throughout the docs like this: 🧨 Breaking Change:
The docs have grown up a little and now live in a GitHub Pages site so they're easier to browse, search and keep tidy. You can find them here:
Massive thanks to @RomRider and everyone who contributed to Button Card which is the only reason these templates were possible.
And thanks to all of you for your patience while it's been too long between updates! I'd love to see what you're building with the templates. Post some images of your dashboards on the Home Assistant Forum thread.
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.