Feedback on my webinterface

Hello!

I have created a web interface which most of you might have seen on reddit!
https://www.reddit.com/r/vyos/comments/1jev4g9/vyos_webpanel_update/

I would love to get some feedback and genrally want to hear what the community would like. I have already covered what i perosonally wanted to have, but it dosent stop there! Vyos can be so much more hence the interface needs to reflect that aswell! :slight_smile:

Most stuff are configurable via the custom backend and the dream is to have a interface where we can make everything, just like the Opnsense/Pfsense Interface.

And man i’m impressed of the attraction! 8K views on reddit and a few people have come with input to enhance it even further!
And ofcourse everything is open source!

6 Likes

That live-url didnt want to load at my end.

What kind of dependencies does the webgui have to be runned?

Hello! Have not updated the thread yet, new demo link is https://vymanager.vyprojects.org/

The UI it self is Nextjs and the backend is Python. You can see all the dependicies in our repos :slight_smile:

Some GUI stuff based on screenshots:

  • Make the default dashboard area align to the left rather than to the right. If you got a 4k (or larger) display its better with no content to the far right rather than having menu, no content and then the squares with content.

  • I like the equal size of inner boxes but please make the “Manage routing”, “Manage NAT Rules” etc vertical align to the bottom rather then sometimes having a whitespace beneath.

  • In routing tab having black text against dark grey as background is a terrible idea.

  • In interfaces tab (and others) you get a right align of the value which makes it harder to read the content fast. Would be better if these options could be displayed the same way as in the VPN tab where you have like “MTU” on one row and next row (within the same box) you still have the value (with a brighter colour) left aligned.

  • Still in interfaces tab out to the right with Edit/Details/Delete they dont seem to properly align correctly (seems to be using “center” or something, would prefer “left” here).

  • The onmouseover effect seems to have some fading or some â– â– â– â–  going on. Feels like it takes a few microseconds to light up properly when you hover over a line. Can this be fixed so it feels more snappy by instantly change background color rather than fading in or whatever is going on?

  • When clicking advanced tab it would be prefered if the enter command gets selected right away, will save you an extra mouseclick.

  • Often people whine about dark mode, but what about adding a light mode in this case? :slight_smile:

  • Feature request: Would be nice to be able to get some graphs. For obvious reasons they might not be historical (unless this service gets runned in the background) but at least when you login perhaps the page can somehow fetch the metrics in the background so realtime graphs can display in/out/errors for interfaces, cpu and ram utilization, temperature sensors and whatelse. Perhaps having a tab named “Graphs” just before Advanced to the left?

Other than that I really like the GUI and hopefully this can make its way as being a default webgui for VyOS or at least easily installed as a “VyOS package” (so it also will survive a version update which a regular deb-package install wont).

Then comes the usual suspects of RBAC (or at least in beginning be able to setup readwrite users vs readonly users), multiuser editing (you would need to have some method of “locking config session” incl timeouts and be able to overrule etc), perhaps having config revisions aswell (in Advanced tab?) based on the archive feature in VyOS?

Thank you so much for the detailed feedback — I really appreciate it! :blush:

I completely agree with your UI suggestions and will be implementing most of them over the next few updates. If you’d like to track specific changes or ideas, feel free to open separate issues on GitHub or drop them in Discord!

The Advanced tab is still in its planning phase — we’re figuring out the best approach for how it should function, especially since directly running commands isn’t really feasible at this stage.

Light mode is actually implemented and designed for — I just forgot to import the ThemeProvider… rookie mistake :sweat_smile: That’ll be sorted soon!

As for your feature request, I’m currently working on a flow to integrate data collection via Prometheus and Loki, which will give us access to the default system metrics. I’m also adding a simplified WireGuard setup as part of that.

The dream scenario is to develop a full-featured web UI that could potentially become an official addition. There’s still a lot of work and testing ahead, but I sincerely hope the VyOS team won’t be opposed to it — unlike the past friction with ISO builds.

RBAC hasn’t been implemented yet — we’re still in the prototype phase — but it’s definitely on the roadmap. Before a proper release, we’ll make sure to add security features and likely explore LDAP integration with VyOS as well.

Thanks again for taking the time to write up all of this — feedback like yours really helps shape the project in the right direction! :raised_hands:

1 Like

There’s a (broken) light/dark mode selector in the bottom left that defaults to light. If you select dark, this looks normal.

Regarding running command having a webshell the way Mikrotik RouterOS have would be nice.

As a basic I would prefer if the metrics for the graphs could be collected without having to also need to install Prometheus or similar.

Regarding integration I would prefer Radius over LDAP but thats me :slight_smile:

Or better yet reuse whats configured in VyOS so if local db is used there then the webgui will use localdb to auth the user(s).

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.