π§ Kartik HUD β HUD Builder
A modern HUD for FiveM that players can make their own, and that server owners can build on. Drag and resize every part of the HUD live, pick from 30+ styles, get a dedicated display for every vehicle type, and design your own HUD widgets in the in-game HUD Builder. No code needed.
π οΈ In-Game HUD Builder
Design your own HUD widgets in-game, then publish them to your players.
- Build from arcs, bars, scales, needles, text, shapes, icons, images, paths and telltales
- Bind any part to live data: speed, rpm, gear, fuel, health, armour, hunger, ammo, voice, street and more
- Add show-while conditions, low / high warnings with blinking, red zones and value windows
- Start from any built-in style or a ready-made template
- Undo / redo, snapping, layers and keyboard shortcuts
- Publish designs, set a server default, or let players choose
β Drag & Drop Edit Mode
- Move, resize and hide every part live with
/hudedit - Layouts hold their position on every resolution and aspect ratio
- Snap to grid, safe zone and anchor zones
- Preview the layout on foot, in cars, on bikes, in boats, aircraft, on bicycles and trains
- The minimap follows its box exactly
π¨ 30+ Styles & Themes
- 9 speedometers: Classic, Sport Ring, Dashboard, Big Number, Digital Dash, Watch Face, Slim, Racing Line, Redline
- 12 status styles: Classic Tiles, Thin Rings, Numbers, Capsules, Equaliser, Glow Squares, Glow Rings, Filling Circles, Tinted Squares, Honeycomb, Filling Icons, Percent Tags
- 6 weapon styles with ammo, clip bar and inventory images
- 4 themes, per-colour overrides, and floating or card panels
- Each stat's colour, and whether it shows always, when relevant or never
ποΈ A Display for Every Vehicle
- Motorcycles: lean-angle arc with peak markers, wheelie indicator and helmet warning
- Boats: heading tape, speed in knots, throttle lever, water depth and anchor status
- Submarines: dive depth below the surface
- Aircraft: analogue instruments or glass cockpit, stall and landing gear warnings
- Bicycles: cadence, power and heart rate
- Trains: transit display with the next and previous station
π¦ Vehicle Extras Built In
- Networked indicators & hazards with auto-cancel and sounds
- Seatbelt with ejection and a soft warning chime (built-in, qbx_seatbelt or kartik-mechanic)
- Cruise control
- US & EU speed limit signs that flash when you're speeding
- Fuel and engine warnings, odometer, and lights shown inside the dial
β¨ Custom Statuses & Buffs API
Let any script put its own values on the HUD:
exports['kartik-hud']:registerStatus('nitro', { label = 'Nitro', icon = 'flame', color = '#22d3ee' })
exports['kartik-hud']:setStatusValue('nitro', 42)
exports['kartik-hud']:addBuff('adrenaline', { label = 'Adrenaline', icon = 'activity', duration = 60 })
- Statuses join the player status row in every style
- Timed buffs & debuffs with countdowns and stack counts
- Warnings, auto-show rules, vehicle / on-foot only, and custom ordering
- Built-in icons, images, SVG paths or short text like TCS
- Client and server exports, plus events
- Usable as data in HUD Builder designs
π§ kartik-mechanic Integration
Own kartik-mechanic? Both scripts share one HUD automatically:
- Nitro gauge with overheat countdown, cooldown and purge
- TCS / ESC lights that flash while the system is working
- Racing harness, anti-lag and seatbelt
- Manual gearbox gear and saved mileage in the speedometer
- The mechanic's own HUD switches off automatically
βοΈ Player Settings & Admin Control
- Full
/hudmenu: units, clock format, HUD scale, map shape and more - Allow, lock or set the default for every style in the config
- Save any layout as the server default in-game
- Turn off player customisation for a single HUD everyone shares
πΊοΈ Map, Location & Info
- Square or circle minimap with the native health bars removed
- Street, area, direction and nearest-postal
- Compass strip
- Server ID, clock, job, cash and bank
- Voice range and radio (pma-voice / SaltyChat) with a character headshot
π° Stress System
- Stress from speeding and shooting, with screen effects at higher levels
- Drop-in replacement for qbx_hud / qb-hud stress (existing events keep working)
- Option to exclude police
π¬ Cinematic Mode
- Hides the HUD, minimap and GTA's own HUD
- Letterbox bars with an adjustable size
- Command and rebindable key
β‘ Performance
- Only changed values are sent to the UI, and only while they're on screen
- Weapon and vehicle loops run only while needed
- Adjustable update rates
- ~0.04 ms idle
π Compatibility
Frameworks
Qbox, QBCore, ESX (detected automatically)
Fuel
ox_fuel, LegacyFuel, cdn-fuel, ps-fuel, lj-fuel, Renewed-Fuel, nd_fuel, lc_fuel, okokGasStation, qs-fuelstations, rcore_fuel, hyon_gas_station
Voice
pma-voice, SaltyChat
Inventory
ox_inventory, qb-core (weapon names & images)
Other
nearest-postal, qbx_seatbelt, qbx_smallresources, kartik-mechanic
π Requirements
- ox_lib
- Qbox, QBCore or ESX
π Support
Full documentation, a config reference and API docs are available in the Kartik Scripts docs. Need help? Join our Discord.
π Escrow protected. Config, bridges and locales are open for editing.