Level UP Dashboards - 5 Home Assistant Custom Cards

it's time to level up your dashboards and make them pop today i'm going to show you my top five custom cards but first let's roll the intro first up is the state switch if you've never heard about the state switch i'm going to show you what it actually does it allows you to dynamically replace lovelace cars automatically there's two ways you can do this you can either do this automatically with the time of day or if someone leaves the house or comes back or you can use an intersect that you can see in this example over here let me show you how you can do with input selector first of all go to configuration scroll down go to helpers click add helper and add a drop down helper give the drop down helper a name i called my one zone and i created two zones in my home a ground floor on the first floor now jump back to hacks go to front end click add and explore repositories search for the state switch install the repository in hacks and you're good to go now you can search for it and you should find it over here you'll find some of my examples in my blog as usual now jump back into your dashboard add your input controller over here it's really powerful if you just click on the input selector and just change the value you can see immediately that the card is changing and you can add any cards that you want you can also add grid cards which is what i'm doing over here and let me show you the code that says behind this the type of card is custom state dash switch the entity id that i'm using to control the switch is the input selector that you want to use so over here you can pick any sensor or anything you want to have these cars change so you could have a motion sensor for example and basic if there's motion in the room or not you can just change the card now if you remember from my previous videos if you haven't watched them i'll link them in the description down below i've been talking a lot about yaml on how yaml works the main thing to understand is that your states which means every single state that you're tracking for so if it's a motion sensor on and off but if it's an input selector it could be anything that you put in that text box so you need to tighten them in exactly as you type them in previously and remember those two uh blank spaces type in ground and underground you can just copy and paste a different card that you had already then from lime 11 you can see first now first scroll down and it's a little bit longer the reason why is because just because it's a grid card so after first we have our two spaces again and then we have type grid and then we have all of the code that i generated previously when i was doing a grid card so what i would advise you guys to do is create the two cards separately you can do that with the visual editor and then what you will do is you will just create this code maybe on in a text editor and then copy it and paste it in as a manual card if you think the state switch is cool remember to give this video a like and subscribe to the channel for many more homicides and tips the second custom card that i really love is the button card so we already have a standard butter card in homer system but this is so much better in terms of the customization and you can do a hell of a lot of things on it you can see the link here to the github repository and i'm going to leave these all in the blog as usual one cool use case of the bottom card is that you can use it as a slideshow so you can have two images so for example you have a netflix logo and a plex logo just rotating you can have snapshots from your cameras like motions for all hacks cards the installation process is the same if you skip through the video and you miss the state switch go back and watch how i've done that i'm using a custom button card the aspect ratio is one by one and here i have the extra code that i'm using to the swap so you can see that we have a zero to a hundred percent concept so and then it will start looping again so zero percent we having we got one image which is the netflix png i'm keeping it longer so i'm keeping it from zero percent 25 percent we have the same image and then we have plaques plaques and it ends with netflix so this local is the www folder in your home assistant so you can upload any png you want and just reference the right name here you can see the difference between the normal button card and the custom button card on the right hand side you can see the normal button card over here and on the left hand side the custom one what is the main difference well you can see that the colors are swapped so the custom button card allows you to do these things like well color the background instead of coloring the internal of the icon and that is one of the many customizations you can do with bottom cards bad card that i love a lot is the graph card primarily you will be doing either line charts or bar charts let me show you two examples you can see over here on my screen i have the temperature of the outdoors and landing and the bedroom temperature so if you see i've got three values if i only hover on one i have one value landing i can see the difference in the landing in the bedroom a certain time this was the current temperature of six degrees but inside in the bedroom it was 19 degrees over here you can see an example of a smart switch and you can see when it was actually on and how much energy was consuming it's super simple to use let me show you right now type this custom mini graph card give it a name you can give it an icon so under entities you can add several entities i've got free as you can see and then you just put in the entity id of the sensor and then really really recommend putting in a name because if not you just have this long name in the legend and it's just going to not look good the bar chart actually is slightly different i'm using this show graph property and i'm just indicating bar so in that way you can actually use it with a bar now if you watch my video about the media dashboard you know this one already is coming my fourth favorite home assistant custom card is the mini player let me show you an example what are the things you can actually customize well for the cover let's talk about the color the artwork so you can change color for to full cover if you save it here you can see a big wall out of a song so if you change this and you just put material just keep on going and you can see all over here now we have a power button we have a play back button those are all familiar but you can do more for example you can disable the power button if you don't want it you can go down and you can set up the volume step and the maximum volume the minimum volume you can replace the mute you do all sorts of things i love it set up as cover personally i really like to have the volume i don't want to have the volume slider so i keep this off the power button i normally keep it off too i do like grouping cards because i might have multiple media mini media players one on top of the other a really cool thing is this i think this is one of the only ones so far at the time of recording that you can actually use a visual editor to modify instead of going back in back to the code but you can just switch to it and you can see you can customize it and once you've saved it you can see it rendered over here the fifth custom card that i really really love is a surveillance card now this one was slightly glitchy at the beginning but i think i've got it to work this is one card with all of your cameras inside and then you can put motion sensors that link to the camera so i have a motion sensors that are within the camera itself or you can get another motion sensor and what you can do basically say if there is motion in this zone that i'm watching with the camera i want that to be the primary image i can also manually toggle through the cameras so i can pick a different camera to read a primary one then i can do also snapshots like photo or video i think this is a bit of a time saver especially if you have a lot of cameras and if you would like me to do actual a security dashboard specifically let me know in the comment section down below custom surveillance card is the type the interval in which this switches automatically if you want to have it switching automatically you can set that up all over here cameras you can have a camera with no motion sensor or you can have them with them so the parking bay for example camera has a binary sensor integrated in it this is a real link camera then i can leverage the much necessary within it but you could pick any motion sensor even if it wasn't in the device itself which i think is very powerful now if you want to learn a lot about more dashboards automations from assistant nas then you can join my smart home membership link in the description down below you can either go for a lifetime bundle or you can pick individual courses or you can go with a monthly subscription you'll find a coupon code in the description down below now copy and paste it because i'm going to be removing this coupon code soon as soon as this offer expires this offer is only valid for this black friday weekend so i hope you will enjoy it but right here on youtube you can watch this next video with 12 home assistant pro tips that will jump start your home assistant journey from a noob to a pro this is jio from smart on makers see you next time

Channel: Smart Home Makers

Views: 15,371

Keywords: home assistant, smart home, smart home makers, automation, home automation

Id: K5H8Xmo1etY

Length: 9min 2sec (542 seconds)

Published: Thu Nov 18 2021