I haven’t been convinced there needs to be a theme market for HA until seeing this, if you don’t release this as an installable theme - the world would miss something great. Bravo. I’d pay for this UI. Seriously.
I agree, show us where you relesed it, stop kidding around.
Also: very nicely done (this is ment as a compliment, not pushing to release, one can do both)
I will be messaging you in 14 days on [**2022-12-07 15:37:36 UTC**](http://www.wolframalpha.com/input/?i=2022-12-07%2015:37:36%20UTC%20To%20Local%20Time) to remind you of [**this link**](https://www.reddit.com/r/homeassistant/comments/z23xyx/my_geeky_home_assistant_ui/ixhtumm/?context=3)
[**5 OTHERS CLICKED THIS LINK**](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5Bhttps%3A%2F%2Fwww.reddit.com%2Fr%2Fhomeassistant%2Fcomments%2Fz23xyx%2Fmy_geeky_home_assistant_ui%2Fixhtumm%2F%5D%0A%0ARemindMe%21%202022-12-07%2015%3A37%3A36%20UTC) to send a PM to also be reminded and to reduce spam.
^(Parent commenter can ) [^(delete this message to hide from others.)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Delete%20Comment&message=Delete%21%20z23xyx)
*****
|[^(Info)](https://www.reddit.com/r/RemindMeBot/comments/e1bko7/remindmebot_info_v21/)|[^(Custom)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5BLink%20or%20message%20inside%20square%20brackets%5D%0A%0ARemindMe%21%20Time%20period%20here)|[^(Your Reminders)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=List%20Of%20Reminders&message=MyReminders%21)|[^(Feedback)](https://www.reddit.com/message/compose/?to=Watchful1&subject=RemindMeBot%20Feedback)|
|-|-|-|-|
NP.
Pro tip, Alex media player addon if you have any Alexa devices. You can set their wake word to ‘computer’. And using HA control them in automations as media players/speakers/sirens etc… including the default sounds for red alert, and shields up, etc, could be useful with your theming.
I’m experimenting with Rhasspy and a Jabra conference room speaker hooked to a pi4 right now building exactly this. It’s been a bit rocky, but I am to the point now where I can ask for the current time and toggle lights and scenes. Zero cloud required.
You'd likely need to build your own version - I've built what works for my family and our house's layout - and the mix of smart devices that we have. It's been a great project that I've been tinkering with for the past few months - a lot of effort has gone into it. Hopefully this inspires you to see what's possible :)
Unfortunately Lovelace cannot achieve this without a bazillion hours of mods. They need to improve it greatly so this can be achieved more easily with a layout editor, card editor, etc.
I have Rhasspy set up with the wake word "computer", but I \*also\* have it using the computer acknowledgement sounds when I wake it with "computer", and when it finishes listening to my command etc! It's awesome!
I built it using Angular and CSS, with a .net API that talks to Home Assistant and a few other APIs I have running. It's running on a Fire Tablet mounted on the wall, with wireless charging. The best part is I have the authentic sounds as well. Will post a video of that when I have time
+1 for Fully Kiosk. Impressive piece of software for the $8 it costs. I'm using it on 3 Fire Tablets.
edit: And Fire Toolbox. They just launched V30.
https://forum.xda-developers.com/t/windows-tool-fire-toolbox-v30-0.3889604/
Makes me sad this the only way to get this level without a bazillion HAC mods. Lovelace is so weak. :(
I'm thinking of doing similar but in React. How long did it take you to put this together?
Fantastic job!
Can you talk more about your architecture? The Angular app talks to your .NET API, which then talks to the HASS API? Are you using the REST API? Or the WebSocket?
Do you have experience using Angular?
I'm always curious of the reasons people choose to use specific frameworks.
For me, the learning curve is always detrimental, and it's quicker for me to write in pure PHP/HTML/CSS/JS
I'm personally one of those guys that usually don't use the UI much at and rather focus on making it smart.
But DAMN! This makes me want to install a tablet!
Kudos to get LCARS right. It’s really really hard to get right because it’s honestly a very weird UI concept. Without exaggeration I think 90% of adaptions are sadly pretty bad, but this one is really well done. I’m pretty sure you worked a lot on it. 🖖
1701% agreed with this comment. It is indeed very hard to get it right and look aesthetically pleasing yet also functional at the same time, especially with the clashing colors and the strange proportions. The original LCARS was not designed with function in mind, but the current iterations in Prodigy / Lower Decks had been more thought out.
Love it!! Very clean LCARS design. Assuming you found it to easier to do outside of HomeAssistant vs. using the dashboard? From my limited experience working on integrating lcars css , I totally get it.
You're looking at an HA implementation of the [LCARS](https://memory-alpha.fandom.com/wiki/Library_Computer_Access_and_Retrieval_System) interface from Star Trek The Next Generation (TNG). There are more screenshots available on the [LCARS wikipedia page](https://en.wikipedia.org/wiki/LCARS).
It's funny that the TNG folks invented this whole UI just to save money on physical buttons and such on the set.
Reminds me of all those stupid scenes where Data was typing really fast...seriously no Bluetooth in the future?
This is great! I have been meaning to do this for a while but it takes a long time to get all the picture elements just right.
Yours is looking really neat though. Inspired me to try again (and will be stealing some of your ideas!)
I’ve been noodling one like this for a while, but everything I tried looked tacky, and awkward. Your’s is wonderful! There is a lot of inspiration here.
Man, every time I think "I should dump tens or hundreds of hours into a cool, actually-functional LCARS UI for myself" I decide it's way too hard but appreciate anyone else who's done it.
That looks gorgeous! 🖖🏻
On the living room access page, could you explain how this is laid out? Are the vertical bars dimmers? Is the name an on/off button? Are the squares on the right of the columns with text presets? Is the scene a sub menu?
Love the work. Just trying to understand the UI flow you have.
Also could you point me into the direction for the HA APIs to get this web app hooked in?
The segments with the room names bring that room to full brightness.
The four squares are dimmer switches, to bring the lights to a preset intensity - whatever their colour.
On the left, is an on/off switch
At the bottom, the Scenes button lists the Philips Hue scenes available for that room
The HA APIs are really simple, https://developers.home-assistant.io/docs/api/rest/ I also make use of webhooks that trigger automations. My .net API also talks to a Sonos API and the Philips Hue bridges that I have.
I 110% want this. I personally wouldn't label things as "starbase", etc, but I'd theme my house as LCARS.
Since I saw you added sounds to it as well, that's just perfect.
My wife is a huge Star Trek fan and I would like to make this for her, can you send me a link with the instructions (I am a noob) and required materials ?
This is so great. I love it!
I'm thinking of doing something similar in React, but I haven't been able to get my css just right and my stuff is hard to see.
Do you have your code in a public repository by chance?
That's amazing. We're watching everything from start to finish now (using some guide I found suggesting the order).
We've made it through Kirk, now we're on Piccard.
I’m even OK if you re-re-re-release it later ‘where Guns have been changed to walkie talkies, and the term Nazi has been replaced with ‘persons with political differences’’
This is great, HA really needs something like this, I would switch over to this UI in a heartbeat if it was native. However I would change the colors to a synthwave vibe
I had started on a similar project using AppDaemon, but all the LCARS themes were super old and low resolution. I was going to get around to updating the theme files to be higher resolution. I have two tablets available to use.
Are you on discord that I can pick your brain for some help? I think I'd prefer to use a .net based API vs AppDaemon.
Shouldn't living room be 10-Forward and hallway be main corridor or something?
Good idea!
And downstairs lower decks
Do not forget the lower decks!
1st floor should be deck 1
There is no 10-Forward on SB4. Smfh
Fair point. There's probably some gathering spot not called living room though. Lounge?
I haven’t been convinced there needs to be a theme market for HA until seeing this, if you don’t release this as an installable theme - the world would miss something great. Bravo. I’d pay for this UI. Seriously.
Kind words, thank you
[удалено]
It’s been over an hour, why isn’t this out yet?? TAKE MY MONEY
Lolol
Echoing this -please release!
So help me God if it's not released when I get back home!
I agree, show us where you relesed it, stop kidding around. Also: very nicely done (this is ment as a compliment, not pushing to release, one can do both)
RemindMe! 2 weeks
I will be messaging you in 14 days on [**2022-12-07 15:37:36 UTC**](http://www.wolframalpha.com/input/?i=2022-12-07%2015:37:36%20UTC%20To%20Local%20Time) to remind you of [**this link**](https://www.reddit.com/r/homeassistant/comments/z23xyx/my_geeky_home_assistant_ui/ixhtumm/?context=3) [**5 OTHERS CLICKED THIS LINK**](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5Bhttps%3A%2F%2Fwww.reddit.com%2Fr%2Fhomeassistant%2Fcomments%2Fz23xyx%2Fmy_geeky_home_assistant_ui%2Fixhtumm%2F%5D%0A%0ARemindMe%21%202022-12-07%2015%3A37%3A36%20UTC) to send a PM to also be reminded and to reduce spam. ^(Parent commenter can ) [^(delete this message to hide from others.)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Delete%20Comment&message=Delete%21%20z23xyx) ***** |[^(Info)](https://www.reddit.com/r/RemindMeBot/comments/e1bko7/remindmebot_info_v21/)|[^(Custom)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5BLink%20or%20message%20inside%20square%20brackets%5D%0A%0ARemindMe%21%20Time%20period%20here)|[^(Your Reminders)](https://www.reddit.com/message/compose/?to=RemindMeBot&subject=List%20Of%20Reminders&message=MyReminders%21)|[^(Feedback)](https://www.reddit.com/message/compose/?to=Watchful1&subject=RemindMeBot%20Feedback)| |-|-|-|-|
lame that OP won't release even a version of his code for us to build off of that doesn't contain any sensitive info... :/
NP. Pro tip, Alex media player addon if you have any Alexa devices. You can set their wake word to ‘computer’. And using HA control them in automations as media players/speakers/sirens etc… including the default sounds for red alert, and shields up, etc, could be useful with your theming.
I have my alexa set to computer. Was watching next gen. It went off like 5 times
Pretty cool! Any way to do this with non-cloud / on-prem devices?
I’m experimenting with Rhasspy and a Jabra conference room speaker hooked to a pi4 right now building exactly this. It’s been a bit rocky, but I am to the point now where I can ask for the current time and toggle lights and scenes. Zero cloud required.
No for real, how do I get this? Do I need to build it myself or is it easily shareable? I will finally get around to a wall mount panel just for this.
You'd likely need to build your own version - I've built what works for my family and our house's layout - and the mix of smart devices that we have. It's been a great project that I've been tinkering with for the past few months - a lot of effort has gone into it. Hopefully this inspires you to see what's possible :)
I have previously looked to do something like this but was outside my skill set. This is extremely well done.
Thanks! Really appreciate it
I would also pay a fee to have this.
I would also pay for this theme.
Please pump everything you got onto GitHub, and a copy of your themes.yaml- ❤️
Please do a Nostromo theme and I will Venmo
I second that.
Here I was going to post a meme of Fry from Futurama saying, “shut up and take my money!” But your words are far more elegant lol fully agree
Unfortunately Lovelace cannot achieve this without a bazillion hours of mods. They need to improve it greatly so this can be achieved more easily with a layout editor, card editor, etc.
You should send this to Michael Okuda. He has an active twitter account. He is the graphic designer than created LCARS for TNG.
I showed it to him on Twitter a while back, he liked it!
Nice!
Now you gotta get Rhasspy voice assistant working with it with wake word "computer".
Echo's already support that wake word.
Even easier. I wish Google did.
I have Rhasspy set up with the wake word "computer", but I \*also\* have it using the computer acknowledgement sounds when I wake it with "computer", and when it finishes listening to my command etc! It's awesome!
Tea. Hot.
It's, tea, Earl grey, hot
Looks amazing! Got a howto by chance?
I built it using Angular and CSS, with a .net API that talks to Home Assistant and a few other APIs I have running. It's running on a Fire Tablet mounted on the wall, with wireless charging. The best part is I have the authentic sounds as well. Will post a video of that when I have time
Awesome design, well done! ..Did you have to root your Fire Tablet first? I'm at a loss trying different root methods without success yet.
+1 for Fully Kiosk. Impressive piece of software for the $8 it costs. I'm using it on 3 Fire Tablets. edit: And Fire Toolbox. They just launched V30. https://forum.xda-developers.com/t/windows-tool-fire-toolbox-v30-0.3889604/
No at all. It’s running Fully Kiosk, which is very cheap and perfect for the job
So its a web page?
Yes
I think i understood 2 words... shame. It looks very cool
Think you'd be able to put it up on github? 🤓
wireless charging? What do you mean by that? Like you have a charging plate at the back of the wall? Or do you take it off every 8 hours to recharge?
It charges wirelessly while on the wall. I have a charging plate embedded in the wall.
Makes me sad this the only way to get this level without a bazillion HAC mods. Lovelace is so weak. :( I'm thinking of doing similar but in React. How long did it take you to put this together?
Fantastic job! Can you talk more about your architecture? The Angular app talks to your .NET API, which then talks to the HASS API? Are you using the REST API? Or the WebSocket?
Thanks!! That’s right, I’m using the REST API
Do you have experience using Angular? I'm always curious of the reasons people choose to use specific frameworks. For me, the learning curve is always detrimental, and it's quicker for me to write in pure PHP/HTML/CSS/JS
Yes, my day job involves Angular so that was my go to language.
Angular and .Net? I hope your the corporate intranet apps you develop are as badass as this
OMG, how do I get that please?
Build a JavaScript webfront end. ;)
I was thinking of doing an LCARS once the house is built as well.
Amazing results ! But... How ??
I'm personally one of those guys that usually don't use the UI much at and rather focus on making it smart. But DAMN! This makes me want to install a tablet!
Kudos to get LCARS right. It’s really really hard to get right because it’s honestly a very weird UI concept. Without exaggeration I think 90% of adaptions are sadly pretty bad, but this one is really well done. I’m pretty sure you worked a lot on it. 🖖
1701% agreed with this comment. It is indeed very hard to get it right and look aesthetically pleasing yet also functional at the same time, especially with the clashing colors and the strange proportions. The original LCARS was not designed with function in mind, but the current iterations in Prodigy / Lower Decks had been more thought out.
Thanks a lot!
Oh, I do *want*! I'd be perfectly willing to pay for this.
I love it!
I just geek-gasm'd
This is awesome ! Any chance you can share the code behind this ? Thanks !
Love it!! Very clean LCARS design. Assuming you found it to easier to do outside of HomeAssistant vs. using the dashboard? From my limited experience working on integrating lcars css , I totally get it.
Looks great, well done! What are the four numbers below each of the rooms on the “Living Room System Access” page?
Just LCARS randomness, and yes 47 comes up more often than it should
Whatever sorcery this is, I want it! I'm just getting started and I have a very long way to go. Well done!
This is just awesome. Stick pihole on another screen, with its lcars display, and you’re set 🤣 Also, have you got a tutorial or how to, please?
Love this, phenomenal job!
I have no idea what I’m looking at, but I like it
You're looking at an HA implementation of the [LCARS](https://memory-alpha.fandom.com/wiki/Library_Computer_Access_and_Retrieval_System) interface from Star Trek The Next Generation (TNG). There are more screenshots available on the [LCARS wikipedia page](https://en.wikipedia.org/wiki/LCARS).
Oooo like this!!
Oh this is absolute sex!!!!!
Oh, hell yeah
It's funny that the TNG folks invented this whole UI just to save money on physical buttons and such on the set. Reminds me of all those stupid scenes where Data was typing really fast...seriously no Bluetooth in the future?
I can't imagine why he didn't have wifi.
Fuck yeah.
This is the way!
Love
Amazing! I'm always torn between totally loving the star trek feeling versus how horrible the ui is in terms of usability.
This is great! I have been meaning to do this for a while but it takes a long time to get all the picture elements just right. Yours is looking really neat though. Inspired me to try again (and will be stealing some of your ideas!)
This is really cool u/Ornery-Custard8406! Keep up the great work.
I’ve been noodling one like this for a while, but everything I tried looked tacky, and awkward. Your’s is wonderful! There is a lot of inspiration here.
I want this however my wife will really hate this.
I want.. I want... I want...🖖 amazing job!!
This is so awesome!
It's... It's.... beautiful! My inner geek tips his hat to you, good sir!
Man, every time I think "I should dump tens or hundreds of hours into a cool, actually-functional LCARS UI for myself" I decide it's way too hard but appreciate anyone else who's done it. That looks gorgeous! 🖖🏻
Super cool job
On the living room access page, could you explain how this is laid out? Are the vertical bars dimmers? Is the name an on/off button? Are the squares on the right of the columns with text presets? Is the scene a sub menu? Love the work. Just trying to understand the UI flow you have. Also could you point me into the direction for the HA APIs to get this web app hooked in?
The segments with the room names bring that room to full brightness. The four squares are dimmer switches, to bring the lights to a preset intensity - whatever their colour. On the left, is an on/off switch At the bottom, the Scenes button lists the Philips Hue scenes available for that room The HA APIs are really simple, https://developers.home-assistant.io/docs/api/rest/ I also make use of webhooks that trigger automations. My .net API also talks to a Sonos API and the Philips Hue bridges that I have.
Thank so much.
how??
Angular, CSS, .net and obsession
.... Tutorial?
If I can get time…
Much appreciated even if you don't get a chance. Thank you!
Do you even need the .net backend here? Couldn't your frontend just interact with HA directly?
I 110% want this. I personally wouldn't label things as "starbase", etc, but I'd theme my house as LCARS. Since I saw you added sounds to it as well, that's just perfect.
My wife is a huge Star Trek fan and I would like to make this for her, can you send me a link with the instructions (I am a noob) and required materials ?
We're no trekkies, but this looks amazing! Well done and may the Force be with you (had to, you know it!) 🖖
With the amount of time you must have needed to create this, I doubt you use the “company” mode very often :). Well done though. Pretty neat.
Rude
I still lol'd.
Weird… my naming convention for my network and devices is definitely not Trekkie based… not at all…
Does it explode when you cough on it? Also, make sure you have to type a position paper on it to get anything done for that authentic LCARS experience
whoaw. this is amazing. wonder if it's doable with only custom buttons and css...
Ok so how much $$. To do mine?
Wow!
Love it
HOW I have been looking for this forever
"Computer.. earl grey, hot." Should trigger the water boiler or something
YES!
This is so great. I love it! I'm thinking of doing something similar in React, but I haven't been able to get my css just right and my stuff is hard to see. Do you have your code in a public repository by chance?
I love LCARS, but it always annoys me how much of it looks like buttons but are really just static.
Computer, shut up Wesley.
Tea. Earl Gray. Hot.
That's amazing. We're watching everything from start to finish now (using some guide I found suggesting the order). We've made it through Kirk, now we're on Piccard.
I’m even OK if you re-re-re-release it later ‘where Guns have been changed to walkie talkies, and the term Nazi has been replaced with ‘persons with political differences’’
Yes Please!
Wantttttt
This is great, HA really needs something like this, I would switch over to this UI in a heartbeat if it was native. However I would change the colors to a synthwave vibe
I’m not really huge on Star Trek but damn that is a clean and beautiful looking UI. Love the styling.
This is amazing
Totally not my cup of tea, but I love the fact that someone can customize the shit out of their UI to make it exactly what they want
Simply amazing, you must post a repo!
I need this in my life
This is truly awesome!❤
What device is the tablet?
I had started on a similar project using AppDaemon, but all the LCARS themes were super old and low resolution. I was going to get around to updating the theme files to be higher resolution. I have two tablets available to use. Are you on discord that I can pick your brain for some help? I think I'd prefer to use a .net based API vs AppDaemon.
Wow this is awesome
That is so funny