This project is a Heads-Up Display (HUD) for FiveM, a modification platform for Grand Theft Auto V. The HUD is developed using React for the client-side, Vite as the build tool, TailwindCSS for styling, and LUA for the server-side.
Make sure you have Node.js and npm installed on your system.
-
Clone this repository to your local machine:
git clone https://github.com/DadiMarketdadi-squarehud.git
-
Navigate to the project directory:
cd dadi-squarehud
cd ui
-
Install client dependencies:
npm i
-
Configure the FiveM server
Copy the
server
directory to your FiveM resources directory. -
Ensure to add the resource to your
server.cfg
:ensure hud
-
Start your FiveM server.
-
Once the server is up and running, join the game.
-
Enjoy the new HUD on your screen while playing!
For support, join our discord discord.gg/dadimarket.