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.