NUI & Assets
Files
| Path | Purpose |
|---|---|
html/index.html | Markup: SVG icon sprite, status rows, chips, vehicle column, compass, corner (weapon + money), settings menu |
html/app.js | Message handling, rendering rules, menu definition |
html/style.css | Layout in 1/1080 screen-height units, palette, animations |
html/weapons/*.png | 101 weapon icons named after the weapon spawn name (weapon_pistol.png, gadget_parachute.png, …) |
html/fonts/Montserrat-SemiBold.ttf, html/fonts/OFL.txt | Bundled font and its licence |
stream/gta6_graphics.ytd, stream/minimap.gfx, stream/minimap.ytd | Minimap replacement, streamed automatically by FiveM |
Fonts
| Font | Used for | Source |
|---|---|---|
| Inter (weights 500–800) | Status bars, speed, vehicle name, compass, menu | Google Fonts, loaded at runtime from fonts.googleapis.com |
| Pricedown Bl | Cash, bank and ammo numbers | fonts.cdnfonts.com/css/pricedown, loaded at runtime |
| Montserrat SemiBold | Zone pill and navigation pill | Bundled (html/fonts), SIL Open Font License 1.1, copyright The Montserrat Project Authors |
Inter and Pricedown need the game client to reach those hosts. If they fail to load, the NUI falls back to Segoe UI / Roboto / Arial and to Impact respectively. Both <link> tags sit after app.js in index.html, so a stylesheet that never answers cannot hold up the script and the HUD still starts.
Colours and geometry
From html/style.css (one unit = 1 px at 1080p):
| Item | Value |
|---|---|
| Health, stamina | #f3adc4 (pink), #74e8d4 (mint), measured from GTA VI footage |
| Armour, hunger, thirst, stress, fuel, alert | #9db4ff, #ffc879, #8ecbff, #d9a8ff, #f6e08b, #ff4d6d |
| Icon discs | 22 u, #2b2c31 |
| Status bar | 220 × 10 u, notch at 25% on the health bar |
| Minimap area | left 2.5 vh, bottom 2.64 vh, 28.4 × 16.1 vh |
| Zone / navigation pills | background #1b1920, border 2 u #2c2a33, radius 6.5 u; navigation icon square 60 u in #0fe5ca with a #16393c stroke |
| Vehicle tile | name strip #151419, icon strip #27232d, radius 4 u, icons 30 u |
| Ammo | 32 u, reserve at 42% white, row squashed to 85% height with a 1 u black outline at 65% |
| Weapon icon | 52 u high, up to 156 u wide |
| Money | 28 u numbers, 30 u discs (#be88f1 bank, #78d876 cash) |
| Compass strip | 240 × 26 u at 2 vh from the top |
| Settings panel | 640 u wide, up to 82 vh high |
The design decisions behind these values are written up in DESIGN.md inside the resource.
Credits and licences
| Asset | Author | Licence / terms |
|---|---|---|
Minimap files in stream/ (gta6_graphics.ytd, minimap.gfx, minimap.ytd) | sbc17 — GTA VI Styled Minimap & HUD (Legacy), gta5-mods.com | Community mod. gta6_hud only moves the files to FiveM and configures the radar from Lua |
Weapon icons in html/weapons/ | fbicat — GTA VI HUD (Legacy / Enhanced), gta5-mods.com | The PNGs are GTA V weapon-wheel sprites (Rockstar Games) taken from that mod's asset folder, colours untouched |
| Montserrat SemiBold | The Montserrat Project Authors | SIL Open Font License 1.1 (html/fonts/OFL.txt) |
| Inter | Rasmus Andersson | SIL Open Font License, served by Google Fonts |
| Pricedown | Ray Larabie (Typodermic Fonts) | Served by fonts.cdnfonts.com, not redistributed here |
SVG glyphs inline in index.html | Several are Material Design icon paths (Google, Apache License 2.0); the rest were drawn for this resource | Part of the resource |
The HUD layout itself is an interpretation of Rockstar Games' GTA VI trailers and gameplay footage. Rockstar Games owns the GTA VI and GTA V trademarks and artwork; use the assets on your own server.