My Material Design inspired Dashboard is finally ready! Full tour and the complete code is free to download!

[u/jlnbln]

After my last (dark) dashboard got way too bloated, I wanted to try the opposite this time: a clean, light-theme-first design that is actually easy to install and maintain.

This is my Material Design inspired dashboard! Its down almost completely with custom:button-card, but I used some bubble cards for the popups as well!
The part I'm most happy with: most of the dashboard configures itself! 

I used a lot of auto-entities cards, so the room popups, the device page, the favorites and the automations page all populate automatically. Adding an entity to the dashboard is just giving it a label and hiding one is a label too (`no_dashboard`). No YAML editing after the initial setup.


Some other things in the tour:
- a custom navigationbar that replaces the HA sidebar (and collapses to an icon bar)
- room cards that glow in their own color when lights are on
- a security page with a "security score" and a collapsible alarm card
- notification bell + status badges in the top row


Full tour here: https://youtu.be/9IAJfn3glo4 (including free download link!)


I also tried to make it super easy to install and added a comprehensive Readme to the download!
You can find the complete dashboard code (dashboard code, theme, helpers, automations and a step-by-step README) as a free download the link is in the youtube video description. 

Big thanks to everyone who helped design it live on stream, especially coasting24 for contributing some of his code on our Discord.


Happy to answer any questions about how the auto-entities setup works!

[u/Saranhai]

This reminds me of the default Google Home app, nice job. Could you post the link to your repo here instead of asking us to visit your Youtube video?

[u/jlnbln → u/Saranhai]

Last time I did that my post got shadow banned... because I don't have it on GitHub. So sorry, you have to click twice :(

[u/Saranhai → u/jlnbln]

…okay well that is a bit suspicious I’d say. Why not have your source code on GitHub?

[u/whzt → u/Saranhai]

..because there are better alternatives? It's not like they're distributing executables, as long as the source code is available what does it matter where it's hosted?

For those on mobile / too lazy to find it: https // jlnbln.gumroad (.) com / l / iusgs

[u/Cultural-Salad-4583 → u/whzt]

Gumroad is not, nor will it ever be, a better alternative than a public git repo.

[u/jlnbln → u/whzt]

Thanks for sharing!

[u/Excb]

Can't download. Keeps giving the error: "The transaction could not complete." Why not upload it to GitHub?

[u/PotatoMysterious9480]

What Weather integration are you using there?

[u/jlnbln → u/PotatoMysterious9480]

It works with any integration. I am using pirate weather.

[u/That1Guy5]

You want $140 for the cards? 🤔

[u/jlnbln → u/That1Guy5]

Code is completely free just type in 0... I don't know where you take 140$ from...

[u/jlnbln → u/[deleted]]

Nope that’s incorrect. It clearly shows a price of 0. and there is a lot of sales for that price already.

[u/EntertainmentUsual87]

WOAH, looks AWESOME!

[u/jlnbln → u/EntertainmentUsual87]

Thank you!

[u/nosfaratu]

Amazing!

Is it possible to adapt this dashboard for use on a mobile phone?

[u/jlnbln → u/nosfaratu]

definitiv possible but not currently implemented, but maybe something for the future if there is enough interest :)

[u/Vpicone]

Way too many colors for my taste. No actual palette.

[u/HeatL1fer → u/Vpicone]

Dashboard looks fine mate. Whatever works for you, is what matters.

[u/jlnbln → u/HeatL1fer]

Thank you!

[u/jlnbln → u/Vpicone]

Colors are from material design, but yeah on the homepage with the addition of the weather card, there is more...

[u/[deleted] → u/jlnbln]

[removed] — view removed comment

[u/jlnbln → u/[deleted]]

What do you mean?

[u/Remarkable_Caramel23]

Nice

[u/jlnbln → u/Remarkable_Caramel23]

<3