Skip to content
View in the app

A better way to browse. Learn more.

LCPDFR.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[FiveM Ready] fib_hud - EARLY ACCESS [ESX] 0.5.0

(0 reviews)

5 Screenshots

for fast support, join the FIB Development Discord Server -> https://discord.gg/9Z8mDBjtR8


📟 FIB HUD — Immersive and Modular HUD for ESX (QBCore & Config Coming Soon)

FIB HUD is a modern, performance-optimized HUD built for FiveM servers running ESX. It provides all essential player and vehicle information in a clean UI — perfect for serious roleplay servers.

⚠️ Note: This is an early access open-source version. Current customization is only possible via code. A full config system and GUI customization options are planned for the next update.


Current Features

  • 💵 Cash Display: Live wallet updates

  • 🆔 Player Info: Player ID and job display with color coding

  • 🔊 Voice Range Indicator: Fully integrated with pma-voice and mumble-voip (whisper, normal, shout)

  • ❤️ Status Bars:

    • Health & armor

    • Hunger & thirst (via esx_status)

  • 🚗 Vehicle HUD:

    • Speed, RPM (animated), Gear display

    • Fuel gauge with warning levels

    • Engine health indicator

    • Seatbelt status and warnings

  • 🔒 Seatbelt System:

    • Toggle with G key

    • Sound effects for buckle/unbuckle

    • Exit prevention when buckled

    • Automatic seatbelt warnings at high speeds


🔜 Upcoming in the Next Update

  • QBCore Support

  • ⚙️ config.lua for easy server-side customization

  • 🎛️ In-game HUD editor:

    • Enable/disable individual HUD components

    • Drag-and-drop repositioning

    • Save personal layouts per player

  • 💡 New HUD elements and indicators


🛠️ Built With

  • TailwindCSS + HTML + JS for NUI

  • Modular file structure:

    • main.lua: Core logic

    • seatbelt.lua: Dedicated seatbelt logic

    • hud.js: Frontend logic

    • index.html: Layout


🔗 Dependencies


📦 Installation

  1. Place the resource in your resources folder.

  2. Start it after all dependencies.

  3. Add ensure fib_hud to your server.cfg.


Let me know if you want this translated into German, or formatted for GitHub, FiveM forums, or Discord releases!


Short Description

Clean and Modern FIveM HUD [ESX]

User Feedback

Recommended Comments

Hart2oo8

Members

Does this work on single player?

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.