https://github.com/code1616/fivem-gta-hud
FiveM GTA HUD A modern and customizable HUD designed to enhance your FiveM GTA server experience. Featuring sleek player stats, real-time money tracking, and dynamic location updates, it's built for performance and style. Perfect for any server aiming to deliver an immersive gameplay experience.
https://github.com/code1616/fivem-gta-hud
css css3 fivem html5 hud
Last synced: 11 months ago
JSON representation
FiveM GTA HUD A modern and customizable HUD designed to enhance your FiveM GTA server experience. Featuring sleek player stats, real-time money tracking, and dynamic location updates, it's built for performance and style. Perfect for any server aiming to deliver an immersive gameplay experience.
- Host: GitHub
- URL: https://github.com/code1616/fivem-gta-hud
- Owner: Code1616
- License: unlicense
- Created: 2025-01-07T02:24:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T03:04:24.000Z (about 1 year ago)
- Last Synced: 2025-01-07T03:35:25.868Z (about 1 year ago)
- Topics: css, css3, fivem, html5, hud
- Language: CSS
- Homepage:
- Size: 3.37 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FiveM GTA HUD
A clean and modern **Heads-Up Display (HUD)** interface for FiveM GTA servers, offering seamless tracking of player stats, money, and location information.
---
## ⨠Features
### đŽ **Player Information**
- Real-time **clock** and **date** display
- Player **ID tracking**
- Server branding with a **custom logo**
### đ° **Money Management**
- **Cash balance** and **bank account** display
- Animated **money icons**
- Proper **currency formatting** with `$` symbol
### â¤ī¸ **Status Indicators**
- Health status (percentage display)
- Armor shield level
- Thirst/Water level
- Hunger/Food status
- Mental state/Brain activity
### đ **Location Services**
- Current **location name** display
- **Safe zone indicators**
- Interactive **map integration**
---
## đŧī¸ Project Screenshots
Here are some screenshots showcasing the HUD in action:
### Main Interface:
---
## đ Installation
1. Clone this repository into your server resources folder:
```bash
git clone https://github.com/Code1616/fivem-gta-hud.git
```
2. Add the resource to your `server.cfg`:
```lua
ensure fivem-gta-hud
```
3. Copy the `assest` folder to your server resources directory.
---
## đšī¸ Usage
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
---
## đ¨ Customization
### đī¸ Changing Colors
Update the colors in `style.css`:
```css
.pol-kif-text {
color: #093200;
}
.pol-bank-text {
color: white;
}
```
### đŧī¸ Modifying Icons
Replace the icons in the `img` directory with your own **SVG files**, ensuring to keep the same filenames.
---
## đ Dependencies
- FiveM server
- Modern web browser support
- Font: **'Unbounded'** (included via Google Fonts)
---
## đ¤ Contributing
1. **Fork** the repository.
2. Create your feature branch:
```bash
git checkout -b feature/AmazingFeature
```
3. Commit your changes:
```bash
git commit -m "Add some AmazingFeature"
```
4. Push to the branch:
```bash
git push origin feature/AmazingFeature
```
5. Open a **Pull Request**!
---
## đ License
This project is licensed under the **Unlicense**. See the [LICENSE](LICENSE) file for details.
---
## đ Credits
- Icons: [SVG Repo](https://www.svgrepo.com/)
- Background Image: Hindustan Times
- Font: [Google Fonts](https://fonts.google.com/)
---
## đ ī¸ Support
For support, please:
- Open an **issue** in this repository.
- Join our **Discord server** for direct assistance.
---
### â¤ī¸ Made with love for the FiveM community