[PAID] AP5-Notify | Sleek Notification [STANDALONE / QBCore / ESX / QBOX]

AP5_Studios · November 6, 2025, 11:16am

AP5 Notify – Sleek Notification Script

Preview

Preview Video

Purchase Links

Escrowed

Open Source

Features

Modern Sleek Design: Beautiful translucent notifications
Multiple Notification Types: Success, Error, Info, Warning, Police, and custom types
Animated Progress Bars: Visual countdown with smooth animations
ESX & QBCore & Qbox Compatible: Drop-in replacement for existing notification systems
Open Source: Full source code available for customization
Fully configurable: Easy setup and customizable

Installation

Download from Keymaster/Portal
Ensure the folder is named AP5-Notify.
Put the folder in your resources folder.
Restart your server.

Preview config.lua

Config = {}

Config.EnableProgress = true -- If true, Notifications show a progress bar by default.
Config.EnableSounds = true -- If true, Notifications will play sound by default.
Config.ShowTimestamp = true -- If true, the timestamp will be shown on notifications.
Config.NotificationPosition = 'top-right' -- Options: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'top-middle', 'bottom-middle' -- 'top-right' by default

Config.Sounds = {
    default = {
        url = 'notification.wav',
        volume = 0.4 -- Volume level (0.0 to 1.0)
    },
    success = {
        url = 'notification.wav',
        volume = 0.4
    },
    error = {
        url = 'notification.wav',
        volume = 0.4
    },
    info = {
        url = 'notification.wav',
        volume = 0.4
    },
    warning = {
        url = 'notification.wav',
        volume = 0.4
    },
    police = {
        url = 'notification.wav',
        volume = 0.4
    }
}

Config.Notifications = {
    success = {
        icon = 'fa-solid fa-circle-check',
        color = '28a745',
    },
    error = {
        icon = 'fa-solid fa-circle-xmark',
        color = 'dc3545',
    },
    info = {
        icon = 'fa-solid fa-circle-info',
        color = '17a2b8',
    },
    warning = {
        icon = 'fa-solid fa-triangle-exclamation',
        color = 'ffc107',
    },
    police = {
        icon = 'fa-solid fa-handcuffs',
        color = '1d6ce2',
    },
    -- Add more custom types as needed
    -- custom = {
    --     icon = 'fa-solid fa-star',
    --     color = 'af12ed',
    -- }
}

Client-Side Usage

Basic notification

exports['AP5-Notify']:Notification({
    Type = 'success',
    Title = 'Success!',
    Text = 'Your action was completed successfully.',
    Duration = 5000,
    ShowProgress = true
})

Simple notification without title

exports['AP5-Notify']:Notification({
    Type = 'error',
    Text = 'Something went wrong!',
    Duration = 3000
})

Custom icon and no sound

exports['AP5-Notify']:Notification({
    Type = 'info',
    Title = 'Custom Icon',
    Text = 'This notification has a custom icon.',
    Icon = 'fa-solid fa-star',
    PlaySound = false
})

Server-Side Trigger

TriggerClientEvent('AP5-Notify:Notification', source, { Type = 'police', Title = 'Police Alert', Text = 'You have been flagged by the system.', Duration = 3000})