Variables per browser instance

Is there a way to use variables with a scope per ui device/client?

For example, three tablets running HA. Each one on the same tab/page. When using say a state-switch to control the UI, all three tablets change simultaneously. I want each ui instance to work independently; in my case exclusively for UI control. The tablets float around and all use the same user login (will not change).

You can use browser mod to handle this. But how/why would you even want this? What’s the use case?

Pull down menus, that do not “echo” on other tablets on the same tab.

For what purpose though? What are these pulldowns doing?

EDIT: The more vague you are, the less likely it is to find a solution.

For example source select for receiver and channel - remote for TV service. It is not the function that is an issue. Rather, I do not want other tablets to echo what others might be doing. I use sensors and input_select mostly to make ui changes depending on what they are doing. Trying to see if there is a way to use local variables in each browser in use.

In fact, I do not really need pull downs, rather I bring up options based on other choices. Works fine using buttun-card. I understand back end vars do not cut it. Thus the original question.

If you’re simply interested in using state-switch to modify the card configuration per-device, your main options are DeviceID, which is local to the browser, and User, where you add more users to HA and log into each tablet with a different user. Both will let you define a part of all of your Lovelace interface differently on different devices. I wanted to differentiate between desktop and mobile, so I started with the first option and ended up with the second option (created a “mobile” user and defined a different card layout for that user based on state-switch).

You won’t be able to use any backend device, like input select, etc. The states of items like that are global. So when one user changes the value, all users will see the change. This is why I’m trying to find out what you are doing. Because to be quite honest, it doesn’t really make sense to keep things independent when dealing with hardware. The only way you can have a unique experience for each user is if things aren’t tied to the backend.

sorry to necro but I am here with the use case: dropdown in a dashboard instanced per user.

I have a tab in my dashboard that displays all the lights in my apartment, and using conditional cards displays them one area at a time. Problem being that the dropdown is global, rather than being instanced by user/browser so now if we both try to use it at the same time it will change on the others screen. Screenshot below to demonstrate the layout, the left side of the sidebar is the conditional card.

Hi!
Faced the same problem and found a solution.
Hope it will help others, who has the same problem.