ESXi-class Single-Node Hypervisor UI

Hypervisor Management Console

ESXi-class management UI for a single-node hypervisor — built from scratch with a familiar layout.

2024Shipped
7engineers
7Screens
ClientSector: Enterprise virtualization vendors · NDA
Hypervisor Management Console
Overview

Web management console for an ESXi-class single-node hypervisor — the per-host counterpart to our datacenter virtualization console for the same customer. Design owned by our design team lead Anri Marutyan and built by the full BFG frontend team in Vue 3 / Nuxt 3 / TypeScript, integrated to the customer's hypervisor backend over REST and WebSockets. The interface keeps everything where existing virtualization operations teams expect it (so they do not have to relearn), but with a distinct visual identity and a more modern interaction model. In production since late 2024.

What ships with it
  • Design by team lead Anri Marutyan — ESXi-familiar layout, distinct visual identity
  • Built in Vue 3 / Nuxt 3 / TypeScript by the full BFG frontend team
  • Per-host inventory, VM lifecycle, storage and network surfaces
  • Integration with the customer hypervisor backend over REST and WebSockets
  • In production at the customer since late 2024
Screens
Hypervisor Management Console screenshot 1
01/07

Click any screenshot to open full-size view

Numbers that matter
Since late 2024In production
ESXi-classReference UX
Single-node hostScope
Vue 3 + Nuxt 3Frontend stack
Stack
Nuxt 3Vue 3TypeScriptTailwind CSSPiniaRESTWebSocketsVitest
Want one of these for your team?

Let's scope it together.

Start a conversation →