React fully customizable dashboard

Share your Projects!
1

Hello,

I’m using home assistant for control my home for years, but I don’t really liked the default dashboard.
Since I’m a web developer, I decided to make my own dashboard in React using the Websocket capabilities of Home assistant.

In the beginning I just wanted to design my own dashboard, I started designing it taking a cue from another design found here on the forum ( I don’t really remember where, sorry).
Then things got out of hand and I started make it “customizable” thinking I could share it and have others use it.
The Idea was to release it on GitHub and prepare an HACS plaugin when I had gotten to a good point.
The problem is that the time and willingness to continue the project is waning a bit xD.

I am writing this post to see if this project can actually have feedback and usefulness for others as well. So maybe the desire to work on it might come back to me.
And maybe even find help to continue it :smiley:

Screenshot 1
Screenshot 13880×2392 749 KB

A couple of video of a fast demo

16 Likes
2

Looks really nice. :+1:

Don’t forget though, these things need to be maintained - if you’re going to release it, that’s quite a commitment.

3

It does look really nice, but what @Stiltjack said…

4

Wow looks great been wanting to this myaelf, what are the chances of getting the code?

5

See also React Dashboard

6

@LWyrn i drop links only for grab some design’s ideas
https://iridi.com/projects/rc_mayak_minsk/
https://iridi.com/projects/showroom_of_light_company/
…

7

Hey @LWyrn !

Looks really nice! And I’ve been working on something very similar and have published it, seems like you’ve already implemented a few of the ideas that I had, have a look at @hakit/core and @hakit/components published on npm, maybe seeing as we’re both working on something similar we can take it to the next level by merging both projects, I welcome contributors!

I still have a lot of ideas in terms of the layout controls as you’ve already done, theming capabilities, and an easier way to use this with home assistant for people who just want to use the components but don’t understand react

Feel free to reach out to me on girhub discussions or through here :slight_smile:

Also, interested in seeing your code! Have you managed to “save” the layout changes or is it just remembered through local storage?

Here’s my post on my react package: Home Assistant React - Component Kit @hakit

1 Like
8

I’m actually blown away how similar they are!

9

Perhaps a link to your project?

10

Hey LWyrn,

Thanks for sharing
I fully second your statement and would welcome a react interface for Home Assistant

11

Thanks! Is there a link to the project’s github?

12

Hmm… Jason… don’t do that. :smiley: … You can’t attract a dog with a sausage and then just keep it for yourself. That’s inhumane. :smiley: :smiley: :smiley:

I am absolutely thrilled with the design, the colors… it just looks great. Big respect for your achievement. I really hope that we get the possibility to get a config for HACS or manually.

By any chance there is no news about this, is there?

Greetings
Florian

13

This month I found some time to resume the work of this dashboard adding a lot of features. I’m planning to release an early alpha build in the next couple of weeks

14

Hey @ shannonhochkins I’m sorry, I just seen this message! Yeah that would be great to collaborate somehow!

No I’m not saving the data inside the local storage, I made a HA custom component to save and handle all the changes to be able to share the same UI between all the devices

15

That’s all good! Home Assistant - Custom Dashboards & Themes - Jump in here, would love to have a chat to you as i’m working on something very very similar and we might be able to bridge our ideas!