πŸ”₯ Top SellerHUDESX / QBCore

Trew HUD UI for FiveM

THTrewHUDTop Rated Seller Β· Pro Verified
β˜…β˜…β˜…β˜…β˜…4.9(612 reviews)

About This HUD

A modern animated HUD UI for FiveM β€” clean player status icons, repositioned minimap, vehicle speedometer, compass, money display, and full in-game customization. ESX & QBCore compatible out of the box, standalone fallback available, drops onto any server.

Trew HUD is one of the most installed custom HUDs in the FiveM community β€” built around a minimal visual style that replaces the cluttered stock GTA HUD with a clean, roleplay-ready interface. The player status cluster shows health, armor, hunger, thirst, stamina, and stress with smooth fill animations and color-coded low-state warnings. The minimap is repositioned to the bottom-right corner with a circular or square frame option, scaled for 1080p, 1440p, and 4K displays. The vehicle section adds an analog-style speedometer with digital readouts, RPM gauge, fuel gauge, gear indicator, and seatbelt warning. Players can customize HUD position, scale, opacity, colors, and which elements are visible through an in-game menu (/hud). Ships with 12 preset color themes plus full hex customization. Delivered as a standard NUI resource β€” works with any framework and any economy/inventory script that exposes player state events.

What's Included

❀️

Player Status Cluster

Health, armor, hunger, thirst, stamina, stress & oxygen.

πŸ—ΊοΈ

Repositioned Minimap

Bottom-right circular or square frame β€” scaled for all resolutions.

πŸš—

Vehicle HUD

Speedometer, RPM, fuel, gear indicator & seatbelt warning.

🧭

Compass & Street Names

Rotating compass with N/E/S/W and current street display.

πŸ’°

Money Display

Cash, bank & dirty money β€” with pop-up change notifications.

🎀

Voice & Radio Indicators

Voice range, talking state & radio channel display.

βš™οΈ

In-Game /hud Menu

Toggle elements, reposition, scale, opacity & color picker.

🎨

12 Preset Themes

Dark, light, neon, classic & custom hex colors.

🎞️

Smooth Animations

Fill bars, fades & scale transitions β€” 60 fps UI.

πŸ”—

ESX & QBCore Bridge

Works on both frameworks with a toggle β€” QBox supported too.

πŸ“Ί

Resolution-Aware

1080p, 1440p, 4K & ultrawide aspect ratios supported.

⚑

Performance Optimized

Low resmon & CPU impact β€” tested on 200+ slot servers.

Technical Specs & Compatibility

Compatibility

  • Any FiveM server
  • ESX, QBCore, QBox & standalone
  • 1080p, 1440p, 4K & ultrawide
  • Works with any inventory script
  • Latest Cfx.re build

Stack

  • HTML / CSS / JavaScript NUI
  • Lua client & server scripts
  • Config.lua for all options
  • fxmanifest.lua ready to go
  • Clean modular code structure

Resources Used

  • ~0.02 ms client idle
  • ~0.04 ms client in vehicle
  • 0.00 ms server
  • No external dependencies
  • No database required

Frequently Asked Questions

Does this work on ESX and QBCore?

Yes β€” Trew HUD ships with built-in bridges for both ESX and QBCore. Toggle your framework in config.lua and the HUD reads player state events correctly. Also works standalone with a fallback adapter.

Will it conflict with my existing HUD?

Trew HUD replaces the stock GTA HUD and any custom HUD you currently run. If you have another HUD resource, disable it in server.cfg before starting Trew HUD. The docs include a compatibility checklist for common HUD packages.

Can players customize their HUD in-game?

Yes β€” the /hud command opens an in-game menu where each player can toggle elements, adjust position and scale, change opacity, and pick colors. Settings are saved per-player via KVP (local storage) by default, or via your server database if you wire up the optional persistence.

Does the minimap reposition work on all resolutions?

Yes β€” the minimap is scaled and positioned via a resolution-aware script that adapts to 1080p, 1440p, 4K, and ultrawide (21:9 and 32:9). No manual config needed per resolution.

Can I change the colors and fonts?

Yes β€” 12 preset themes are included out of the box, plus full hex color customization through the in-game menu and config.lua. Fonts can be swapped in the CSS if you want a different typeface.

What if I need custom status icons (e.g., drug effects, bleeding)?

The Standard and Premium packages include adding custom status icons with their own fill logic β€” drug effects, bleeding, poisoning, temperature, or any other state your server tracks. Send the stats you want and the designer will wire them into the HUD.

What if it doesn't work on my server?

A full money-back guarantee applies. If the HUD isn't delivered as described, you're covered. The designer also offers revisions and remote troubleshooting on your server.

About the Seller

TH

TrewHUD βœ“ Pro Verified

FiveM HUD & UI Designer Β· Top Rated Seller

4.9β˜…Avg rating
3,400+Orders
30minResponse time
6 yrsIn business

FiveM UI/UX designer specializing in HUDs, status overlays, and in-game menus. 6+ years building lightweight NUI interfaces with clean React and vanilla JS, tuned for low resmon impact and high-pop servers. 3,400+ delivered HUDs across ESX, QBCore, and custom frameworks. Trew HUD is installed on some of the largest FiveM roleplay servers worldwide.

From$10
Order Now β†’