> For the complete documentation index, see [llms.txt](https://doc.var-fivem.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.var-fivem.com/for-open-source/change-ui.md).

# Change UI

## Prerequisites

* Code Editor
* Node JS
* Some knowledge React (Html, Tailwind CSS)

## Step 1

Right click on the folder open it with terminal and write :

`code .`

## Step 2

In Visual Studio Code click on terminal then new terminal. To check that node and install correctly write : `node -v` this will show you the version of your node.

{% hint style="warning" %}
Don't forget to be in the web folder
{% endhint %}

## Step 3

Now write: `npm i` to install everything.

{% hint style="danger" %}
If you have errors write: `npm update` to make the update.
{% endhint %}

## Step 4

Write `npm run start`. This will open a link to a local site to open it by ctrl+ left click. Now you can make your changes on the interface.

## Step 5

Finally write `npm run build` to optimize all the work you have done and it will be ready to use on your script.