# Focus on the Glances Web User Interface
In order to build the assets of the Web UI, you'll need [NPM](https://docs.npmjs.com/getting-started/what-is-npm).
NPM is a package manager for JavaScript related to [Node.js](https://nodejs.org/en/).
NodeJS should be installed/updated on your system.
## Pre-requisites
### Install NodeJS
Example on Ubuntu OS:
```bash
sudo apt install nodejs
```
### Upgrade NodeJS
Example on Ubuntu OS:
```bash
sudo apt update
sudo apt install nodejs
sudo npm install -g n
sudo n lts
hash -r
```
## Build Glances WebUI
You must run the following command from the `glances/outputs/static/` directory.
### Install dependencies
```bash
$ npm ci
```
### Build assets
Run the build command to build assets once :
```bash
$ npm run build
```
or use the watch command to rebuild only modified files :
```bash
$ npm run watch
```
## Anatomy
```bash
static
|
|--- css
|
|--- images
|
|--- js
|
|--- public # path where builds are put
|
|--- templates (bottle)
```
## Data
Each plugin receives the data in the following format:
* stats
* views
* isBsd
* isLinux
* isMac
* isWindows
|