🔔 vNotif – FiveM Notification UI [FREE]

:right_arrow: Clean • Smooth • Fully Customizable
A free modern notification system for your FiveM server!


:sparkles: Key Features:

  • :round_pushpin: Lightweight UI, displays at the top-right corner.
  • :repeat_button: Supports multiple types: success ✅, error ❌, info ℹ️, warning ⚠️.
  • :stopwatch: Auto-dismiss after a custom duration.
  • :artist_palette: Customizable: colors, icons, text, and display time.
  • :puzzle_piece: Easily integrated into any client-side resource.

:brain: How to Use:
Client.lua

 TriggerEvent("tNotif:show", {
    type = "information",        -- "information" | "success" | "error"
    title = "Thông báo",
    message = "Đây là nội dung thông báo.",
    duration = 6,                -- thời gian hiển thị (giây)
    buttons = {
        { label = "Đồng ý", id = "ok", data = "ok_data" },
        { label = "Đóng", id = "close", data = "close" }
    }
}) 

Server.lua

 TriggerClientEvent("tNotif:show", source, {
    type = "success",
    title = "Chúc mừng!",
    message = "Bạn đã hoàn thành nhiệm vụ!",
    duration = 7,
    buttons = {
        { label = "Xem chi tiết", id = "view", data = "https://example.com/" },
        { label = "Đóng", id = "close", data = "close" }
    }
}) 

:wrench: Installation:

  1. Place the tom_notif resource into your resources folder.
  2. Add this line to your server.cfg:

ruby

CopyEdit

ensure tom_notif
  1. Trigger the vNotif:show event from any script.

:camera_with_flash: Preview:


:file_folder: Download:

:package: GitHub

Code is accessible Yes
Subscription-based No
Lines (approximately) ~550 Lines
Requirements None
Support Yes
1 Like

Feel free to ask any question in my Discord
V:Store [vTeam]