Features

• Settings Menu
• Unique Design
• Multiple Hud Types
• Mantine V7
• QBOX / QBCORE (Maybe some changes are needed) / ESX SUPPORT (SOON)

FAQ

1. How do I make this support other resolutions?

To ensure the UI displays correctly across different screen resolutions, force the UI resolution in FiveM settings to 1920x1080.

2. I use Qbox's Nitro system. How do I integrate it?

To integrate with Qbox's Nitro system, use the following code snippet:

qbx.entityStateHandler('nitroFlames', function(veh, netId, value)
    local plate = qbx.string.trim(GetVehicleNumberPlateText(veh))
    local cachePlate = qbx.string.trim(GetVehicleNumberPlateText(cache.vehicle))
    if plate ~= cachePlate then return end
    nitroActive = value
end)

qbx.entityStateHandler('nitro', function(veh, netId, value)
    local plate = qbx.string.trim(GetVehicleNumberPlateText(veh))
    local cachePlate = qbx.string.trim(GetVehicleNumberPlateText(cache.vehicle))
    if plate ~= cachePlate then return end
    nos = value
end)

Screenshots

License

Installation

You have two options for installation:

1. Use the Pre-Built Version:
   The pre-built version is ready to use and requires no additional setup—just plug and play!

2. Build from Source:
   If you prefer to build from the source code, follow these steps:

cd web
pnpm i
pnpm build

After, ensure that the resource is correctly referenced in the server.cfg file.

HUD Author

• @Thomasdev18
• Thomasdev18´s Discord community

Credits

A big thank you to everyone who has contributed, reached out, and offered to help—I truly appreciate your support!

Special thanks to MT-Scripts for providing the foundation of the backend, which is based on their HUD.

• @MT-Scripts