I’m here not as a designer or developer—but as a regular user who truly loves Bitwarden.
Over the past few weeks, I’ve been working every single day on something that started as just an idea:
“What if Bitwarden had a more modern, premium UI—one that matches the power of the product itself?”
I had no design experience when I started. I didn’t even know how to build an interface. But Bitwarden has played such a big role in helping me feel safe and organized online, I felt like I had to try giving something back.
So far, I’ve built:
A modern Master Password login screen
A clean Vault interface
Full credential editing and creation flows
Everything is made from scratch using HTML, Tailwind CSS, and JavaScript—guided entirely by passion, trial-and-error, and my deep appreciation for this amazing tool. I’ve poured in hours of effort just because I believe Bitwarden deserves a next-level interface.
When I reached out to Bitwarden Support, they encouraged me to share it here with all of you—so here I am, humbly asking for your thoughts.
Project Link (Live Preview):
I’d love to hear:
What you think of the design
What could be improved
Whether this could evolve into something official one day
I’m not doing this for money or recognition—just out of love. Bitwarden has helped me so much, and I want to give back in the best way I can.
Thanks for reading, and thank you for building a community where people like me feel empowered to create
What I have “learned” through the past years and UX updates of other apps: You never can do it in a right way. I remember the big UX changes e.g. of 1Password some years ago. So many people were complaining about the new UX, missing the MacOS feeling, now a Windows like UX and so on. I guess many people were leaving 1Password of this change (beside other reasons). Changes are difficult.
I am afraid it will be similar here with Bitwaden. People will miss the old UX, others will like it somehow, others love it. Yes, I would also love to see changes in the UX (some were made last year) but it is still a more “older” design. I can live with it, of course. I use Bitwarden not because the UX, but I use it as you do (and is very important as for you).
Your design is ok, I like it. It is more modern and clearer, but, at the same time not unique (I see 1Password in it) - does it have to be really unique? Important: Not anymore like an “old static HTML page” (like Bitwarden for MacOS looks today). But I dont like so much the “too much” space between the items and text. I prefer it more compact, not wasting space. Also not too big letters (I see it more often - using big letters and text and lots of space between). I prefer a more practical design. And, not too minimalistic (I know it is very popular, I also like it, but it should be still efficient to use).
What did the “UX department” of Bitwarden say about your drafts (beside asking the community)? Are there UX/graphic designers or is it mainly the developers deciding about the UX?
There are pro´s and cons for an easier deleting of items. I wanted to delete many items, so I had to (in the MacOS app) select each, then click on the Trash and then confirming it. Uff.
But on the other side - deleting is deleting and then the item is gone. Better to make it not too easy to delete items.
It is the same with a UX update. I mean … difficult!
it is similar because I am designing this by getting inspiration from Proton pass and the last ui update was awesome but it does not have a pretty ui the last update made it better made it modern but It still does not have the feel of premiumness that is what I am trying to do
I guess it is the Electron UI which was/is also used for 1Password. One positive aspect is that it is available for many platforms (less work). One negative aspect: It looks very universal/common (some might say “boring”).
Well, it does what it should: Offering and organising information.
No, you do what you would like to do. You asked for some feedback, and I gave feedback.
I mentioned “Electron” because of its UX (used for e.g. 1PW). And it reminds me of the UX you have designed with Uizard. Thats all.
I wonder — how long have you been using Bitwarden? They just went through a major UI overhaul that was rolled out only a few months ago.
You’ve asked for feedback.
This is the only screen that I can see when I open your link. My impressions are that the screen is much too big for a browser extension or mobile app, that the password input field seems narrow (and uses a font that may or may not properly distinguish between 0, O, I, l, |, and 1), and that there is key missing functionality just on this one screen:
Login with device
SSO login
Toggle password visibility
Access to account switcher
Seeing/changing which account (username) one is logging in to
Seeing/changing which server one is logging in to
In your preview link, clicking or otherwise attempting to interact with the UI screen does nothing, so I was unable to see any other parts of your work.
If there are certain aspects of the current UI design that you think can be improved, you may have more impact by posting feedback in the thread linked below:
I have been using bitwarden for over 3 years. that is just a design and I am working on it day by day and I am doing this to give bitwarden a premium look like other expensive password managers like 1pass Proton pass
IOS: here I also see the login screen only.
MacOS: after some search I also found at the top of the browser window a button for the browsing (?) screen.
Yes, maybe I just want to say is, that designing a User Interface is a huge project, just check @grb answer about the Login screen. It is not enough to place a login button on a black screen. And it is not “premium” (still I do not really understand this word in the context of a new UI).
Same with the overview/list screen. Details missing, functions missing. Like I wrote before, it is not enough to place some buttons and entries in a list. You need to know more about the functions behind the screen, what is/could be needed for specific cases. And this too complex to cover these cases with such a draft.
The other question is: How flexible is the programming/back-end for a complete new front-end/UI?
It is nice what you have tried but I am afraid that it is not possible at all to realise in this way.
Do you have any real experience in designing UX/UI?
My guess would be: a really nice design, signaling a professional app…
@umbrarix I don’t want to discourage you now, but my thought is mainly: bad timing, as we now just got a new UI/UX (first rollout to the browser extension in December 2024), that
a) is still not finished and will get some further changes and improvements, I guess (e.g. I see better contrasts coming for us) and
b) is very much also in the process to be further rolled out to all apps (e.g. to the desktop app, web vault…)
And whether you like it or not - and whether it has some (new) flaws or not - we will have it for a while. And I think and hope, it will get also some more changes even when a) and b) are “finished”…
So, it’s certainly never “forbidden” to create new ideas… but I guess, there is little chance right now, to get any new design ideas (that are different and/or incompatible with the current one!) implemented anytime soon…
I respect your feedback and I am not gonna do anything until a project is fully made thank you and all the people that gave me feedback and sorry for wasting your valuable time on a waste project
Surprising reaction — did you not actually want responses to the questions you posed?
I provided my response to the first question, and others have responded also to the remaining questions. I don’t think anybody who responded feels that doing so was a “waste of time”.
As far as whether your own time has been wasted, that’s up to you. You clearly enjoyed tinkering with UI design. Perhaps this first foray into the field was not the resounding success you had hoped for, but you can learn from your experience, study more, take on new projects, and get better. There is no reason why this project could not be of value for you, as a learning opportunity.
Project Link (Live Preview):
