HUD Creator Free FiveM HUD builder
Drag the speedometer, status bars and info where you want them, style them, watch them react in the preview, then download a ready resource for your framework.
This tool is in beta, so you may hit bugs or rough edges. If something breaks or looks wrong, please report it in the GXD Discord with what you did and a screenshot. Every report helps us fix it faster.
Drag parts to move them; arrow keys nudge (Shift = bigger).i
Background picture in-game
Stays in this browser — never uploaded, forgotten when you close the tab.i
Simulate values
Add or remove parts in the Parts tab.
X / Y in pixels at 1080p.i
Everything runs in your browser.
Questions about HUD Creator
What this free tool does, what it makes and how the files go into FiveM.
Drag the speedometer, status bars and info where you want them on a 16:9 stage, style them and watch them react to simulated values. Then download a ready resource with fxmanifest.lua, config.lua, client.lua and the HTML page, put it in your resources folder and add ensure with its folder name to server.cfg.
Yes. Pick QBCore, ESX, Qbox or standalone, or leave it on auto and the resource detects the framework when the server starts. Hunger and thirst come from the framework, and fuel can be read from the game itself or from common fuel scripts such as LegacyFuel and ox_fuel. Settings stay editable in config.lua.
Yes. The exported config.lua lists the GTA HUD components to hide, and the Map tab moves, scales and zooms the minimap, can make it round and can hide its built-in health and armour bars. These values stay in config.lua after download, so you can fine-tune them on your server without coming back to the tool.
The preview runs the exported HUD page itself and sends it the same messages the resource's client.lua sends in game, so layout, styling and animation match. Only the values are simulated; in game they come from your framework and the car you drive. Test it on a dev server before you put it live.