[FREE] [ESX] Dynamic status and info hud!

  • Add as many status elements as you want
  • Hud elements stay anchored to the minimap
  • Ready to install to latest esx legacy build

Configuring elements
Open html/app.js. You can add all the new statuses you use if you configured them corectly with esx_status then the hud figures the values itself !

elements: {
            'health':{
                progress: null,
                name: 'hp',
                color: '#ef4444',
                icon: 'fa-solid fa-heart',
                show: true,
                value: 0.5,
            },
            'armor':{
                progress: null,
                name: 'ar',
                color: '#3b82f6',
                icon: 'fa-solid fa-shield',
                show: true,
                value: 1.0,
                displayFrom: 0.01, // You can set display from value the status will be hidden
            },
}

image

Hud is made for ESX only for now !
Get it here !
Github

14 Likes

Didn’t test it or anything but looks nice. But on the money and job display the margin looks weird because the icons have a circle around them

1 Like

will fix that thanks for the feedback :slight_smile:

Looks nice :smiley:

1 Like

very cool

1 Like

Didn’t test it or anything but looks nice. Maybe remove the gta health & armor bar ?

1 Like

Great work!

1 Like

Will do that

Hey! Great release.

I am having one minor use with hiding the hud while in other menus.

AddEventHandler("d2d-closenui", function()
	 SendNUIMessage({
            ui = 'show',
            show = false,
        }) 
		shownui = false
	end)```

I added the above to trigger while in other menus but the hud keeps flickering, any ideas?

can you add a stress bar ?

You can add that yourself easily :slight_smile:
Goto to app.js and add in elements

  'stress':{
                progress: null,
                name: 'str',
                color: 'white', // color
                icon: 'fa-solid fa-microphone-lines', // icon you want to use
                show: true,
            },

Does the hud work with SaltyC?

Where can you change the position of the hud?

Lg

Can i put my server logo ?

Can you make this for legacy 1.7.5? I wanna use it but the new legacy dont support my other scripts :frowning:

where are the images and why is i so much space between all of them

What is wrong **
Screenshot 2024-02-13 214600

you need to add your own font awesome link

IMG_1371

Please tell me how do I delete that

Delete your old hud

What do you mean?