Page cover image

💾X_HUD_Notify

A highly customizable notification and chat system with blur effects, rank-based chats, and multi-language support.

🚀 Overview

  • Client/Server Notifications: Stylish pop-ups for info/error/job-specific alerts

  • Integrated Chat Systems: Team Chat, Job Chat, and Direct Messages

  • UI Customization: 9 positions, 4 animations, glass effects

  • Framework Support: Auto-detection for ESX/QBCore/Standalone


📋 Key Features

1. Notifications

  • 8+ Styles: police, ambulance, mechanic, error, success

  • Blur & Glow: Realistic glass effect with CSS filters

  • Animation Types:

    animation: { type: 'slide' } // slide/fade/scale/flip  
  • Max Notifications:

    maxNotifications: 5 // Simultaneously visible notifications  

2. Chat Systems

Command
Function
Example

/tc

Team Chat (Admins/Mods)

/tc Backup needed at the pier

/jc

Job Chat (Police/EMS/Mechanics)

/jc Vehicle impounded

/dm

Direct Message to Player

/dm 23 Need assistance?

3. UI Customization

  • Positions: 9 presets (top-left, middle, bottom-right, etc.)

  • Fonts: 7 options (Poppins, Montserrat, Pacifico)

  • Colors: Customizable per notification type:

    notificationTypes: {  
      police: { accentColor: '#1a237e' }  
    }  

⚙️ Configuration

config.lua (Server)

-- Framework auto-detection  
Config.Framework = {  
  AutoDetect = true,  
  QBCoreResource = "qb-core"  
}  

-- Team Chat settings  
Config.TeamChat = {  
  AllowedGroups = { ["admin"] = true },  
  ShowSteamID = true  -- Anti-troll feature  
}  

-- Job Chat ranks  
Config.JobChat.AllowedJobs = {  
  ["police"] = { minGrade = 0, maxGrade = 7 } -- Cadet to Chief  
}  

config.js (Client)

// Glass effect  
realGlassEffect: {  
  enabled: true,  
  blurStrength: 3.0 // Higher blur = more performance impact  
}  

// Animation  
animation: {  
  type: "slide",  
  direction: "left",  
  duration: 500  
}  

// Font  
font: {  
  family: "Poppins",  
  size: "12px"  
}  

🌐 Translations

  • 5 Languages: DE/EN/ES/IT/FR pre-configured

  • Add a New Language:

    Translation.Languages["nl"] = "Dutch"  
    Translation.Strings["nl"] = {  
      ["no_permission"] = "Geen toestemming..."  
    }  

🚨 Troubleshooting

Issue
Solution

Notifications Not Showing

1. Check ensure X_HUD_Notify 2. Enable Config.DebugMode = true

Chat Commands Not Working

1. Verify group permissions in config.lua 2. Check framework exports

Glass Effect Causes Lag

Enable performanceMode: true in config.js


📥 Download & Support

Last updated