Azion Console Kit
Vue 3, Vite, PrimeVue, TypeScript, Design Tokens, Component Architecture, Headless UI Pattern, Open Source
The complete front-end rebuild of Azion's management console — the interface engineers use daily to deploy, secure, and observe applications at the edge.
Challenge
The legacy console was a monolithic application that slowed feature delivery and created inconsistent experiences across product surfaces.
Solution
Built a headless architecture on Vue 3 that decouples UI from business logic, with block componentization that brought a new screen down to a few hours.
The old console sent you away to build anything: back to the menu, create the missing piece, find the way back. Now the missing piece opens where you are.
3x
Faster to set up an application
235%
More new users becoming active
4h
For a new screen to reach preview
34+
Contributors, Azion team and clients
Screens are no longer hand-built. They are assembled from blocks, a new one in preview in about four hours, by thirty-four people working in the same codebase.
Create in place
A missing Firewall is created in a side drawer, inside the workload that needs it. The journey never leaves the screen it started on.
One pattern, every product
Description on the left, controls on the right. Create, edit and delete behave the same across Applications, Firewall and every other product.
Navigation by category
Products grouped by what they do: Build, Secure, Store, Deploy and Observe.
Light and dark
Every screen in both themes, switched from the account menu.
Azion Copilot
An AI assistant inside the console answers how to build, secure and deploy, without leaving the page.
Real-Time Metrics
Charts per product, with filters and the detail behind every point.
Real-Time Events
Raw request and security logs, filtered as you type, to inspect an attack or debug a request.
Create and deploy
One Create menu holds every way to start: recommendations, ready-made templates, your own app imported from GitHub, and Azion presets already configured. Pick one and it deploys with the build log on screen, so a new user sees a first application live before configuring anything.
Project
Azion Console Kit
Client & Role
Developer Experience Director
Year
2023
Technologies
Vue 3, Vite, PrimeVue, TypeScript, Design Tokens, Component Architecture, Headless UI Pattern, Open Source
Credits