A clean and modern Heads-Up Display (HUD) interface for FiveM GTA servers, offering seamless tracking of player stats, money, and location information.
- Real-time clock and date display
- Player ID tracking
- Server branding with a custom logo
- Cash balance and bank account display
- Animated money icons
- Proper currency formatting with
$symbol
- Health status (percentage display)
- Armor shield level
- Thirst/Water level
- Hunger/Food status
- Mental state/Brain activity
- Current location name display
- Safe zone indicators
- Interactive map integration
Here are some screenshots showcasing the HUD in action:
-
Clone this repository into your server resources folder:
git clone https://github.com/Code1616/fivem-gta-hud.git
-
Add the resource to your
server.cfg:ensure fivem-gta-hud
-
Copy the
assestfolder to your server resources directory.
Once installed, the HUD will automatically display when players join the server.
- Top Right: Player ID, Time, and Date
- Top Left: Location Information (toggleable)
- Right Side: Money Statistics
- Left Side: Player Status Bars
- Bottom: Map Location
Update the colors in style.css:
.pol-kif-text {
color: #093200;
}
.pol-bank-text {
color: white;
}Replace the icons in the img directory with your own SVG files, ensuring to keep the same filenames.
- FiveM server
- Modern web browser support
- Font: 'Unbounded' (included via Google Fonts)
- Fork the repository.
- Create your feature branch:
git checkout -b feature/AmazingFeature
- Commit your changes:
git commit -m "Add some AmazingFeature" - Push to the branch:
git push origin feature/AmazingFeature
- Open a Pull Request!
This project is licensed under the Unlicense. See the LICENSE file for details.
- Icons: SVG Repo
- Background Image: Hindustan Times
- Font: Google Fonts
For support, please:
- Open an issue in this repository.
- Join our Discord server for direct assistance.