"Porting" my custom dashboard to HA

TL:DR-- I love my custom made-dashboard, from a time before I started using HA, and I want to rebuild it, as authentically as possible, in HA, using cards. I am looking for advice on what specific cards I can use to re-create this look most effectively, verbatim, if possible-- because I have Windows and Phone apps that display this menu with a thin, browserl-less wrapper.

Hi friends. For years, I’ve passed on Home Assistant- opting to do things the “hard way” with a node.js webserver hosting my custom baked app. Each integration was done through various 3rd party python libraries- from Hue, to SmartThings, to Broadlink IR emitters, everything was “custom”.

This was a nightmare to maintain, as I am not a developer, and most of it was vibe-coded. If I want to add a new light? I’d add it in pure HTML. If I wanted to add a new integration? I’d search for a python library written by somebody. Want to drag and drop a device from one place to another? Get real.

So anyway, I have this “menu” mapped to a mouse button on my keyboard, as well as the hotkey Ctrl+Z. It just pops up anywhere the mouse is. On my phone, I have a progressive web-app that shows the same. I’d really like to create something just like this-- with the same width, and same single column layout, in HA. This question is purely about theming- not about accessing this menu from other places. My existing win32 app can just be re-fitted to browser to my HA URL.

I am very new to the community-- not yet configuring my cards through YAML directly, but I’ll learn. Do you have any suggestions of how I should do this?

Hi, what about the Entities card ?

I couldn’t figure out how to get such customizations out of entities cards. Basically I want: Label | Slider | Toggle on a single line.

Diningroom [ O ] [ Off ][ On ]
and I can’t figure out the best way to do it… I may have to try to learn how to make my own card.

Maybe this?

But I don’t know how supported it is anymore. There has not been a lot of activity recently.