Installation Guide
This guide walks you through installing ARS Hud V3 on your FiveM server. It covers prerequisite resources, file placement, framework configuration, and server.cfg setup.
Prerequisites
Section titled “Prerequisites”ox_lib— required for locale, keybinds, callbacks, and data loadingxsound— required for the built-in music player- A supported framework: QBCore, QBX (Qbox), or ESX
Optional Resources
Section titled “Optional Resources”Install these if you want the related HUD features to work:
| Resource | Feature |
|---|---|
pma-voice or SaltyChat |
Voice range and radio channel display |
ox_fuel, LegacyFuel, cdn-fuel, or ps-fuel |
Accurate fuel level reading |
ars_chat_bridge |
Command suggestions for built-in chat (download from cfx.re) |
Installation Steps
Section titled “Installation Steps”1. Download and Place Resource
Section titled “1. Download and Place Resource”Download ARS Hud V3 from your Tebex or CFX portal and place it in your resources directory:
server-data/resources/[folder]/ars_hud/2. Configure Framework
Section titled “2. Configure Framework”Open ars_hud/config.lua and set the framework. By default it auto-detects:
Config.Framework = 'auto'If auto-detection fails or you want to force a specific framework, set it explicitly:
Config.Framework = 'qb' -- QBCoreConfig.Framework = 'qbx' -- QBX (Qbox)Config.Framework = 'esx' -- ESX3. Configure HUD Settings
Section titled “3. Configure HUD Settings”While you have config.lua open, review these common settings:
Config.LuaHudSettings.vehicle_info.kmH = true -- true for km/h, false for MPHConfig.LuaHudSettings.client_info.server_info.name = 'Your Server Name'Config.LuaHudSettings.client_info.server_info.image = 'logo.png'Config.LuaHudSettings.client_info.extra_currency.active = falseSee the Configuration page for every available setting.
4. Switch to Production Mode
Section titled “4. Switch to Production Mode”Open fxmanifest.lua and change the ui_page from the dev server to the built files:
-- Comment out or remove the dev line:-- ui_page 'http://localhost:5173/'
-- Uncomment the production line:ui_page 'html/index.html'5. Add to Server Config
Section titled “5. Add to Server Config”Add these lines to your server.cfg. Dependencies must start before the HUD:
ensure ox_libensure xsoundensure ars_hudIf you use optional resources, ensure they start before the HUD as well:
ensure ox_libensure xsoundensure pma-voiceensure ox_fuelensure ars_chat_bridgeensure ars_hudNote:
ars_chat_bridgemust be placed at the top of yourserver.cfg(before other chat-related resources) so it can cache command suggestions from all resources before the HUD starts.
6. Set Admin Permissions
Section titled “6. Set Admin Permissions”Admin commands use ACE permissions. Add the permission to your server.cfg or admin ACL:
add_ace group.admin admin allowThe admin ACE permission is the default. You can change it in config.lua:
Config.AdminCommands.announce.acePermission = 'admin'Config.AdminCommands.eventnotify.acePermission = 'admin'7. Configure Built-in Chat (Optional)
Section titled “7. Configure Built-in Chat (Optional)”If using the built-in chat (Config.EnableBuiltInChat = true):
- Remove or comment out
ensure chatfrom yourserver.cfg— ARS Hud V3 stops the default FiveM chat resource automatically, butensure chatin your config will restart it - Download and install
ars_chat_bridgefrom portal.cfx.re — it caches command suggestions from other resources and forwards them to the built-in chat - Add
ars_chat_bridgeto the top of yourserver.cfgso it can cache command suggestions from all resources before the HUD starts - Add the ACE permission so
ars_hudcan stop the default chat resource
# --- ARS Chat Bridge (must load first) ---ensure ars_chat_bridge
# --- Other resources ---ensure ox_libensure xsound
# --- ACE Permissions ---add_ace resource.ars_hud command.stop allow
# --- ARS HUD ---ensure ars_hudNote: If you switch back to the default FiveM chat later by setting
Config.EnableBuiltInChat = false, remember to addensure chatback to yourserver.cfg.
8. Configure Nitro Refill Item (Optional)
Section titled “8. Configure Nitro Refill Item (Optional)”If you enable the nitro system (Config.Nitro.active = true) and want players to refill NOS using an inventory item, you must add the nos_refill item to your inventory. The default item name is nos_refill — change it in config.lua if needed:
Config.Nitro.refillItem = 'nos_refill'ox_inventory
Section titled “ox_inventory”Add the item to ox_inventory/data/items.lua:
['nos_refill'] = { label = 'NOS Refill', weight = 100, stack = true, close = true, description = 'Refills your vehicle NOS to 100%.'}qb-inventory
Section titled “qb-inventory”Add the item to qb-core/shared/items.lua:
nos_refill = { name = 'nos_refill', label = 'NOS Refill', weight = 100, type = 'item', image = 'nos_refill.png', unique = false, useable = true, shouldClose = true, description = 'Refills your vehicle NOS to 100%.'}Note:
qs-inventoryandps-inventoryuse the same format asqb-inventory. Adjust the file path to your inventory’s config location.
Note: Admins can bypass the item requirement by using the
/refillnoscommand, which instantly refills NOS to 100%.
Verification
Section titled “Verification”- Start your server and join with a character
- The HUD should appear with status bars, minimap, and compass
- Press
Ito open the settings menu and verify all panels load - Enter a vehicle and check that speed, fuel, and vehicle controls appear
- Try
/announce testas an admin to verify admin commands work
Updating
Section titled “Updating”- Back up your
config.luafile — it is the only user-editable file and may be overwritten - Replace the resource files with the new version
- Restore your
config.luaand compare it against the new default for any new settings - Restart your server or the
ars_hudresource
Troubleshooting
Section titled “Troubleshooting”HUD does not appear
Section titled “HUD does not appear”- Verify
ui_pageis set to'html/index.html'infxmanifest.lua - Ensure
ox_libandxsoundare started beforears_hud - Check the server console for errors
Framework not detected
Section titled “Framework not detected”- Set
Config.Frameworkexplicitly to'qb','qbx', or'esx' - Ensure your framework resource (
qb-core,qbx_core, ores_extended) is started
Fuel always shows 100%
Section titled “Fuel always shows 100%”- Install a supported fuel resource (
ox_fuel,LegacyFuel,cdn-fuel, orps-fuel) - The HUD falls back to the native
GetVehicleFuelLevelwhich may not be accurate
Built-in chat does not work
Section titled “Built-in chat does not work”- Set
Config.EnableBuiltInChat = trueinconfig.lua - Remove or comment out
ensure chatfrom yourserver.cfg— the default FiveMchatresource is automatically stopped, butensure chatwill restart it - Verify
add_ace resource.ars_hud command.stop allowis in yourserver.cfg— without this ACE permission,ars_hudcannot stop the default chat resource - Download and install
ars_chat_bridgefrom portal.cfx.re and place it at the top of yourserver.cfgfor command suggestions from other resources
Admin commands say no permission
Section titled “Admin commands say no permission”- Verify the player has the ACE permission set in
Config.AdminCommands.announce.acePermission - Check that the framework also recognizes the player as admin
Note: This guide is written by a third party. If you find any incorrect or outdated information, please contact us on Discord so we can update it for you.