I wanted to make a dashboard that I later can use on my wall-tablet. Lovelace wasn’t customizable enough for me, so I made a custom panel with React. Figured out how to do it thanks to @william57m post about his dashboard.
So far I’ve only made the main dashboard, and I can only turn devices on/off. I’m also missing some cards due to having not so many sensors atm. So next part of the project is fixing modals, the sub-section pages and then finally revisit the color palette and icons. I kept the colors simple for now, but will probably make different themes that I can use on different devices.
A lot of work ahead, don’t think I’ll have time to continue this until my X-mas break. I can update after phase 2.
Hey! Can´t belive you are not getting more responses. This look very pretty and promising.
In fact, i was so inspired i started to do my own take on this but with layout card and custom button
Have some more work to do but it is a start i guess
Nice! I’m glad you’re making an option for those who want to use lovelace! that’s very cool I just find lovelace a bit wonky, the ui is not so user friendly and the ability to customize the themes seems to have been made much harder than it needs to be So for me it will be easier, and less work to make it in react, then i’ll have full control and not be dependent on a lot of hacs cards etc.
Nice! I took a break over Christmas, but will continue here and there. I’m also renovating my house so not every thing I get to test atm. Nice results! I’d like a portrait mode as well! Funny how everytime I see a screenshot it’s always in Swedish or Norwegian, haha, Scandinavians unite!
Hi Daniel I love yourwork. I’m new to home assistant yaml language I have been looking for a way to have a dashboard like yours but I don’t know where to start from. Am using the default home assistant UI but cards fill the whole space and they look bad. And I don’t know how to create a side bar with that digital clock, plus I want also to include my Google calendar events then l need a one month full calendar. Please help.