CODEM SUPREME HUD — ALL IN ONE
The most complete FiveM HUD system. One resource. Zero compromises.
OVERVIEW
Supreme HUD AIO is a production-ready, all-in-one heads-up display system for FiveM roleplay servers. Instead of managing five separate HUD resources, Supreme HUD consolidates every essential system — status bars, speedometers, stress mechanics, FLIR camera, nitro, vehicle mods, seatbelt, turn signals, music player, and navigation — into a single, deeply optimized resource.
Every element is fully player-configurable through an in-game settings panel with drag-and-drop positioning, per-element color theming, and layout preset import/export. Two complete HUD layouts are included. Supports ESX Legacy, ESX Modern, QBCore (old & new), QBox, and more — with bridge support for virtually every popular subsystem.
CORE HUD SYSTEM
Two Complete Layouts
Choose between a Rectangular layout (modular, detachable info panel + keybind panel) or a Circular layout (page-based navigation across Vehicle, Music, Nav, and Settings pages). Players set their preference in-game.
Player Info Panel
Displays server name, player count, Discord, player name, job, server ID, cash, bank balance, marked/dirty bills (QBCore/QBox), society/boss account balance, and a custom coin counter. Every row is individually toggleable. The panel is fully detachable — each row becomes independently draggable.
Drag & Drop Layout Editor
Every HUD element is movable. Scale elements up or down, right-click for a context menu, save positions per HUD type, and export or import full layout presets as shareable codes.
Theme System
Dark, Light, and Dynamic themes. Dynamic mode automatically switches based on in-game time of day.
Focus on Roleplay Mode
Optionally fades the HUD after a configurable idle period (default: 10 seconds). Reappears automatically on keyboard/mouse input, vehicle entry, weapon draw, or money changes.
DYNAMIC SPEEDOMETER TYPES
The active speedometer switches automatically based on what you’re driving or what mods are installed. No manual switching required.
- Default — Standard car speedometer
- Circular — Circular gauge variant for cars
- Drift — Angle & speed display for drift builds
- Motorcycle — Optimized layout for bikes
- Sport — Unlocked via Sport mod chip
- Sport Plus — Unlocked via Racing mod chip
- Bicycle — Lightweight, no fuel bar
- Airplane — Altitude, heading, auto-pilot and airspeed,
- Helicopter — Hover status and altitude
- Boat —Anchor system display
Each type supports KMH/MPH, independent color customization, saved position per type, glassmorphism blur toggle, and 30/45/60 FPS refresh rate.
STRESS SYSTEM
Realistic stress mechanics with configurable gain sources: shooting, getting shot, melee combat, speeding, crashes, falling, ragdoll, low health, and drowning. Passive and item-based decrease supported.
- Screen shake begins at 75+ stress
- Blur effect at 90+ stress
- Optional blackout at 100 stress
- Job whitelist for police & EMS (they can’t stress out)
- Per-source amounts and cooldowns — fully configurable
FLIR CAMERA SYSTEM
A full Forward Looking Infrared camera system for law enforcement helicopters.
- Three vision modes: Thermal / Negative / Normal
- Three camera modes: HDEO (free-look) / FOCUS / LOCK
- Spotlight with adjustable distance and radius
- Target overlay: name, mugshot, server ID, vehicle plate, speed, health, heading, distance
- Mask detection support
- Signal jammer item for countermeasures
VEHICLE SYSTEMS
Vehicle Mods
Four performance modes with real physics modifications, saved per license plate in the database if configured item base:
- Comfort — stock handling
- Drift — drift_chip item required
- Sport — performance_chip required
- Sport Plus — racing_chip required
Nitro System
Hold LSHIFT to boost. Exhaust flames, backfire sparks, and purge effects. Electric vehicle detection disables exhaust effects automatically. Requires nitrous item.
Transmission System
Toggle between automatic and manual gearbox from the vehicle settings panel. In manual mode, shift up with E and down with Q. Current gear displays on the speedometer. Also has exhaust flames on down shifts.
Seatbelt System
Toggle with B. Audible beep above 30 km/h. Four configurable ejection difficulty levels: low (~45), medium (~72), realistic (~60), or high (~126 km/h).
Turn Signals & Siren Detection
Left/right indicators and hazard lights. Automatic siren indicator for police and EMS vehicles.
Cruise Control & Limieter
Adjust cruise control and limiter with unique interface on the vehicle menu.
VOICE ASSISTANT
AI-powered voice command system built directly into the HUD. Speak a phrase — the game responds. No typing, no extra keybinds.
Supports engine start/stop, hazard lights, inventory, phone, and window controls out of the box. English command sets included. All commands are fully configurable and custom intents can be added freely.
3D SPATIAL AUDIO
Music playing through the in-vehicle music menu is fully positional. Nearby players hear it from the direction of the vehicle — volume fades with distance, and the sound pans left or right as you move around it. Closed windows muffle the audio for players outside.
CUSTOMIZATION
Supreme HUD is built around the idea that every player should be able to make it their own — without touching a config file.
Per-Element Color Control
Every HUD element has its own color picker. Status bars, speedometer accents, info panel text, minimap border, voice indicator — all individually colored. Changes apply live in-game.
Three Global Themes
- Dark — Deep backgrounds, high contrast
- Light — Clean white surfaces
- Dynamic — Auto-switches between Dark and Light based on in-game time of day
Status Bar Styles
Three visual styles for health, armor, hunger, thirst, stress, stamina, and oxygen bars:
- Supreme Percentage — Bar with numeric value
- Supreme — Clean bar, no text
- MSerie — Alternative bar style
Glassmorphism Blur
Optional frosted glass blur behind HUD elements. Toggle per element or disable server-wide via config for performance-sensitive servers.
Minimap Shape & Behavior
Round or square minimap. Configurable visibility: always show, require an item (e.g. phone), or vehicle-only.
Refresh Rate
Choose 30, 45, or 60 FPS update intervals per speedometer type — balance visual smoothness against resource impact.
Layout Presets
Export your full HUD layout (all element positions, scales, colors, and settings) as a share code. Import another player’s preset instantly. Servers can ship a default layout for new players.
Server-Side Defaults
Admins can set the default bar style, theme, speedometer type, and minimap shape for new players via config — ensuring a consistent first impression.
Server-Side Element Locking
Force-disable individual info bar rows server-side. Locked elements are hidden from the player’s settings panel and cannot be toggled.
HUD SETTINGS PANEL
Open with F7 or /hudsettings. Every HUD option lives here — layout, theme, bar style, speedometer type, minimap shape, streamer mode, cinematic mode, refresh rate, postal code display, and more.
What makes the settings panel different is its scope. Supreme HUD ships with two free companion scripts — Codem Notification and Codem Radial Menu — and their UI preferences are managed directly inside this same panel. No separate menus, no extra commands.
This is the foundation of the Supreme ecosystem. Every future Supreme Series script with configurable UI will plug its settings into this panel as well. One place to reach every option across every script running on your server — no more jumping between menus to find a single toggle.
PLACEMENT EDITOR
A full in-game layout editor for placing, scaling, and fine-tuning every HUD element — no NUI coordinates to edit, no resource restarts.
Drag & Drop Positioning
Click and drag any HUD element anywhere on screen. Positions are saved per HUD type (on-foot, in vehicle, etc.) so your in-car speedometer and your on-foot status bars can live in completely different spots.
Scale Control
Resize any element up or down directly from the editor. Scaling snaps to clean increments for precision.
Ultrawide Support
The placement editor and all HUD elements are fully compatible with ultrawide resolutions (21:9 and beyond). Elements position accurately across the full screen width with no clipping or offset.
Minimap Positioning
Both rectangular and circular minimap shapes are fully draggable in the placement editor. Place the minimap anywhere on screen.
Context Menu
Right-click any element in the editor to access: reset to default position, lock element in place, or open its color/style settings directly.
3D Element Effect
Right-click any element in the editor to access its 3D transform options. Each element can be independently tilted on the vertical axis, tilted on the horizontal axis, or rotated — giving your HUD a custom angled look without affecting functionality. Settings are saved per element alongside position and scale.
Per-Type Position Memory
Position memory is tied to HUD type. Switch from car to motorcycle and the speedometer jumps to wherever you placed it for motorcycles — independently from your car layout.
Export & Import Presets
Your full layout — all positions, scales, and colors across all element types — compresses into a short share code. Paste someone else’s code to instantly mirror their setup.
BUILT-IN PROGRESS BAR
Supreme HUD ships with a fully integrated progress bar — no separate resource needed. Trigger it from any script via export, with cancel support, completion and cancellation callbacks, and an isDoingSomething check to prevent overlapping actions.
exports['codem-supreme-hud']:Progress(data, onComplete, onCancel)
exports['codem-supreme-hud']:CancelProgress()
exports['codem-supreme-hud']:isDoingSomething()ox_lib and QBCore progress bar exports are included as compatibility wrappers, so existing scripts that already call those work without any changes.
FULL COMPATIBILITY
Frameworks
QBCore (Old & New) | QBox | ESX Legacy | ESX Modern | vRP
Database
oxmysql | mysql-async | ghmattimysql
Inventory
ox_inventory | qb-inventory | ESX default | qs-inventory | codem-inventory | tgiann-inventory
Voice Systems
pma-voice | SaltyChat | mumble-voip | toko-voip
Fuel Systems
Auto-detect (recommended) | LegacyFuel | qb-fuel | ps-fuel | ox_fuel | cdn-fuel | lc_fuel | okokGasStation
Vehicle Keys
qb-vehiclekeys | wasabi_carlock | Renewed-Vehiclekeys | mk_vehiclekeys | vehicles_keys | custom bridge
Society Money
Auto-detect: qb-banking | renewed-banking | esx_society | esx_addonaccount | okokBanking | codem-bossmenuv2 | mBossmenu | custom bridge | codem-mBankv2
DEVELOPER API
Full export and event API for deep server-side integration.
-- TextUI
exports['codem-supreme-hud']:ShowTextUI(text, options)
exports['codem-supreme-hud']:HideTextUI()
exports['codem-supreme-hud']:IsTextUIVisible()
-- Progress Bar
exports['codem-supreme-hud']:Progress(data, onComplete, onCancel)
exports['codem-supreme-hud']:CancelProgress()
exports['codem-supreme-hud']:isDoingSomething()
-- HUD Visibility
exports['codem-supreme-hud']:ShowHud()
exports['codem-supreme-hud']:HideHud()
exports['codem-supreme-hud']:ToggleHud()
-- Server Events
TriggerClientEvent('codem-hud:client:ShowHud', source)
TriggerClientEvent('codem-hud:client:HideHud', source)
TriggerClientEvent('codem-hud:client:ShowTextUI', source, text, options)QB-Core and ox_lib TextUI compatibility exports included out of the box.
In-Depth Showcase
Documentation
Detailed Information
Get It Now on the CodeM Tebex Store
Tebex Link
Questions? Join our discord for support.
| Code is accessible | No |
| Subscription-based | No |
| Lines (approximately) | 7000-10000 |
| Requirements | ESX - QB - QBox - vRP |
| Support | Yes |
