[FREE] [STANDALONE] FiveM Customizable Notification System

FREE CUSTOMIZABLE FIVEM NOTIFICATION SYSTEM

A free and modern looking notification system for FiveM. With customizable Icons and Colors!

PREVIEW

Documentation

How To Use

Drag and drop the FiveM-Notify folder into your resources folder and just make sure that you start the resource!

Config

WARNING: POSITIONS ARE CURRENTLY IN THE PRE RELEASE ON GITHUB. MAKE SURE YOU HAVE VERSION 1.0.2 IN ORDER TO USE NEW POSITIONS IN CONFIG.

Config.debugCmd = false - Disables test commands
Config.debugCmd = true - Enables test command (/notify)
Config.usePosition = true - Uses the Config.Position by default for every notification
Config.Position = 'Right' - Currently only supports Left & Right

Developer Docs

  • Client Side Trigger
    exports['FiveM-Notify']:sendNotification('Title', 'Message', Type, 'Duration', Sound, Position)

  • Server Side Trigger
    TriggerClientEvent('Notify:sendNotification', source, 'Title', 'Message', 'Type', 'Duration', Sound, Position)

  • Sound should be true or false

  • Currently the only supported positions are Left & Right. More coming soon, ONLY WORKS WHEN Config.setPosition IS SET TO FALSE.

How To Add Custom Types

Use a text editor of choice (VSCode would be best). Open the notificationTypes.js file.

Screenshot 2024-04-03 230822

You will see this object. Only recomended to edit if you understand basic Javascript Objects. From there you can add on your own custom types. All icons are from Google Icons which is explained in the file and the colors use Hex Codes.

GITHUB DOWNLOAD

TEBEX DOWNLOAD

REPORT A BUG :beetle:

3 Likes

Amazing Script using it in my qb core right now is amazing

1 Like

Thank you, very nice job.
I want the notifications to be the main notification for es_extended

3 Likes