This is the home of the Swiss Army Knife custom card for Home Assistant documentation.
The custom Swiss Army Knife card for Home Assistant allows you to create your own visualization using 17 basic, advanced and Home Assistant specific SVG-based tools and CSS styling and animation options this card provides.
It is a card with lots of possibilities, fully YAML based, and requires the user to design a card! What you can make is only limited by the 17 provided tools and your own imagination.
The card has been released on June 19th, 2022 to the public as a release candidate!
After a few more RC's, I decided that it was time to pick up a normal version numbering in 2023.
There are 12 example views available to learn from.
All these examples are available on Github and described in the installation manual. Each example has its own page which describes how to adapt / use them in your own installation.
Examples... | Examples... |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Examples using a Light Material 3 Theme... | Examples using a Dark Material 3 Theme.. |
---|---|
Example 11: Boiler and Electricity cards | |
![]() |
![]() |
Example 12: Wide cards showing lots of sensors | |
![]() |
![]() |
For the Material 3 themes used by some of the cards, see: https://material3-themes-manual.amoebelabs.com/
It has 22 light and dark example themes used by example card 11 and 12!