FourTwenty Notify - Modern, Configurable Notification System - STANDALONE

FiveM Releases
, ,
1

image

Watch Preview Video

Features

  • :dizzy: Smooth animations with progress bars
  • :art: Gradient-based styling for different notification types
  • :round_pushpin: Flexible positioning (9 different positions)
  • :gear: Highly configurable
  • :rocket: Optimized performance (0.00ms idle)
  • :dart: Easy integration with exports

Types & Styling

  • Success
  • Error
  • Info
  • Warning
  • Primary
  • Secondary

Each type features custom gradient colors and labels, fully configurable in config.lua.

Usage Examples

Client-Side

-- Basic usage
exports['fourtwenty_notify']:notify("Title", "Message", "info", 5000)

-- Test commands included
/testinfo
/testsuccess
/testwarning
/testerror

Server-Side

-- Send to specific player
exports['fourtwenty_notify']:notify(source, "Title", "Message", "success", 7500)

Installation

  1. Download from GitHub
  2. Add to resources folder
  3. Add ensure fourtwenty_notify to server.cfg
  4. Configure in config.lua

Configuration

Config.Position = {
    x = "left",    -- Options: "left", "center", "right"
    y = "middle"   -- Options: "top", "middle", "bottom"
}

Config.Offset = {
    x = 20,
    y = 0
}

Technical Details

Feature Details
Code is accessible Yes
Subscription-based No
Lines (approximately) 350+
Requirements None
Support Yes

Links

Tags

notifications ui free opensource utility interface

Made with :computer: by FourTwenty

4 Likes
4

loved! good work thanks to share

1 Like
5

nice work :heart:

1 Like
6

UPDATE V1.1.0

  • Sound added
  • Command for the sound added
  • Background transparency adjusted (nicer look)

/notifysound off
Switches the notify sound off

/notifysound on
Switches the notify sound on

/notifysound 0-100
Sets the volume between 1 and 100

If you want to keep the old look, do not replace the CSS file.
Otherwise you can also adapt the CSS file yourself.
(html/style.css line51)

We recommend replacing the complete files.

Preview of the revised design

image