Im very new to all this but love learning this stuff. Im trying to figured out how to use what someone posted on github into my HA. Like i like this dashboard. GitHub - ElementZoom/Material-Design-3-Dynamic-Tablet-Dashboard: Tablet-optimized Material Design 3 dashboard for Home Assistant - adapted from the mobile version with a dynamic, transparent, and modern look
So how do i use the code and everything to make it work? Where do i put the different codes exactly and everything? I cant find any tutorials that help me. I know its not a copy and paste type deal but i dont know where to find where i need to put everything
This would be quite an advanced project if you’re not already familiar with customizing HA dashboards. It looks to me like someone simply posted how they built their own, fairly complex, UI.
It’s not really coding so much as installing stuff and configuring. I think of YAML as more of a configuration file, not code in the programming sense. Sort of like an “.ini” file in the Bad Old Days of Windows 3.1.
You’re not going to have all the same devices and entities as the person who posted that. There’s also a long list of custom cards, integrations and who-knows-what else which they’ve installed. You’d have to install those to build dashboards similar to what they did.
And when it’s all done, you won’t have the same displays because you don’t live in the same house.
After you’ve played around creating and tweaking your own dashboards, go back to that GitHub page and explore individual screen elements which interest you. Then review the files there. It looks like most of them are copy-and-pasted from the “Edit in YAML” option from the “three dot” menu on the top right when you’re editing a view in HA. In theory you could create a new view, select that option, and paste the YAML from one of the files you downloaded from GitHub. Then edit it to suit your local devices and entities, either right there in the YAML editor or save it and use the UI editor.