Used by thousands of servers:

The Trew HUD UI



  1. Extract the .zip or Open the .zip.
  2. Place trew_hud_ui in your resources directory.
  3. Add start trew_hud_ui to your server.cfg

Special Instructions for the ESX version



What you can disable

Post Installation

  • Go to es_extended config.lua and turn Config.EnableHud to false
  • If needed, go to esx_basicneeds main.lua and replace this code
    TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#CFAD0F', function(status)
    	return true
    end, function(status)
    TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0C98F1', function(status)
    	return true
    end, function(status)

for this one

  •   TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#CFAD0F', function(status)
      	return false
      end, function(status)
      TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0C98F1', function(status)
      	return false
      end, function(status)

Special Instructions for the VRP/VRPEX versions

Inside config.lua you will see a Config.vRP with certain items needed to set up properly, like black money. Since black money is considered an item on VRP/VRPEX versions, you need to put the ID of said item on this configuration. On most VRP versions, the ID is dirty_money.

Special settings for vRP/vRPEX

  • items
    • blackMoney: The item ID for Black Money.

Config.lua settings

The language. Default is en.

Logo for your server. It’s suggested that you upload a PNG file to websites like and then paste the link there.

Font configuration for the UI. Default is Montserrat and the link points up to Google Fonts. It’s suggested that you look up for a font there and place the name and the link on it’s location.

  • name: The name of the font
  • link: CSS Stylesheet file link for the font
Date format for the GPS location.

  • format:
    • default: It’s the default format;
    • withWeekDay: Format that shows week day names, like monday, tuesday, wednesday, etc;
    • withHours: Format that shows the current time in game;
    • withWeekAndHours: A mix of withWeekDay and withHours.
    • simple: Format that shows only day and month;
    • simpleWithHours: Same as simple, but also showing the time.
  • AmPm: set it to true if you want to use AM/PM time format, false if you don’t.

Voice settings for the UI. OneSync compatible

  • levels:
    • default: Distance in meters for a default distance. Default is 5.0;
    • shout: Distance in meters for a shout distance. Default is 12.0;
    • whisper: Distance in meters for a whisper distance. Default is 1.0;
    • current: It’s important that this is left unchanged.
  • keys:
    • distance: Distance in meters for a default distance. Default is HOME.

Vehicle and speedometer settings

  • speedUnit: It should be set either KMH or MPHDefault is KMH;
  • maxSpeed: The top speed the Speedometer is allowed to go. Default is 240;
  • keys:
    • seatbelt: Buckle/unbuckle seatbelt. Default is K;
    • cruiser: Activate/deactivate cruiser speed. Default is CAPS;
    • signalLeft: Activate/deactivate car left signal. Default is LEFT;
    • signalRight: Activate/deactivate car right signal. Default is RIGHT;
    • signalBoth: Activate/deactivate car danger signal. Default is DOWN;

Display or hide elements of the HUD

  • showJob: Displays the job name. Default is true;
  • showWalletMoney: Displays the money on your wallet. Default is true;
  • showBankMoney: Displays the money on your bank account. Default is true;
  • showBlackMoney: Displays the black money you have. Default is true;
  • showSocietyMoney: If you are the boss of a job, it displays the money you have in the society vault. Default is true(Society money only works on ESX)
  • showDate: Displays the date. Default is true;
  • showLocation: Displays the location. Default is true;
  • showHealth: Displays your health. Default is true;
  • showArmor: Displays your armor. Default is true;
  • showStamina: Displays your stamina. Default is true;
  • showHunger: Displays hunger. Default is true;
  • showThirst: Displays thirst. Default is true;
  • showMinimap: Displays the minimap while off the vehicle. Default is false;
  • showVoice: Displays/use the voice controller. Default is true;
  • showWeapons: Displays the weapons you have on your hand, with ammo. Default is true;

You can create custom indicators for status you already have, like stress status, drunken, shit, piss, you name it! You would just have to use the new exports functions. I would recommend you create a new script with the code and load it below trew_hud_ui on your server.cfg.

Creates a new indicator after the existing ones.


local STRESS_ACTIVE = false

AddEventHandler('playerSpawned', function()
	if STRESS_ACTIVE == false then
		    status = 'stress',
		    color = '#FF0090',
		    icon = '<i class="fas fa-brain"></i>'



  • status: The status ID. It’s purely to identify it;
  • color: The color you want for the status;
  • icon: The HTML code for the icon. You can search on FontAwesome for an icon and when you find one of your liking, change it there.

It is what makes the status update. It should be set on a Wait() timer to update on whenever your custom status is. The example below ticks while getting from a custom status registered on esx_status.


	while true do

		TriggerEvent('esx_status:getStatus', 'stress', function(status)
		    STRESS_STATUS = status.getPercent()

		    name = 'stress',
		    value = STRESS_STATUS


  • name: The name of the status. It should be correspondent with the ID when you created it;
  • value: The percentage value for the status, from 0 to 100.

Chat commands

Enables/Disables HUD information elements, like and job all types money. Useful for streamers.

Usage example: /toggleui

2 reviews for Trew HUD UI (ESX/vRP) FREE

  1. Aadarsh (verified owner)

    Im really satisfied 🙂

  2. Lucas (verified owner)


Add a review

Vendor Information

Product Enquiry

Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy