Codem-AdvancedNotifySystem - Modern Multi-Type Notification Framework for FiveM

Elevate your server's user experience with this sleek, customizable notification system that replaces default FiveM alerts with modern, animated UI elements. Featuring multiple notification types, flexible positioning, smooth animations, and framework-agnostic design, this system works seamlessly with ESX, QBCore, QBOX, and standalone configurations.

What's Included

This comprehensive notification framework provides everything needed to replace your server's alert system with a professional, modern UI. The package includes multiple notification type variants (success, error, warning, info, and custom types), smooth slide-in and fade-out animations, customizable positioning across all screen areas, duration controls with optional progress bars, icon support for visual clarity, sound effect integration, anti-spam protection to prevent notification flooding, and full theme customization through CSS configuration. The lightweight design ensures zero performance impact while delivering premium visual feedback.

How It Works

Scripts trigger notifications using simple export commands from either client-side or server-side code. When called, the notification system displays an animated alert box at your configured screen position with the specified type styling (success shows green, error displays red, warning uses orange, info presents blue). The notification slides into view with smooth animations, displays your message and optional icon, shows a progress bar counting down the duration, and automatically fades out when the timer expires. Multiple notifications stack intelligently without overlapping, and the anti-spam system prevents duplicate alerts from flooding the screen.

Key Features

• Multiple Notification Types - Success, error, warning, info, and custom types with distinct color schemes and icons for instant message recognition.
• Flexible Positioning - Place notifications at top-left, top-center, top-right, bottom-left, bottom-center, bottom-right, or center positions.
• Smooth Animations - Professional slide-in, fade-out, and stacking animations that enhance UX without being distracting.
• Duration Controls - Set custom display times (default 5000ms) with optional progress bars showing remaining time.
• Framework Agnostic - Works with ESX, QBCore, QBOX, and standalone setups without requiring specific framework dependencies.
• Icon Support - Display custom icons alongside messages for visual clarity (includes check marks, warning signs, info symbols, and more).
• Sound Integration - Optional notification sounds that play on display for audio feedback.
• Anti-Spam Protection - Prevents identical notifications from flooding the screen, grouping duplicates intelligently.
• Fully Customizable Design - Modify colors, fonts, sizes, shadows, borders, and animations through simple CSS configuration.
• Zero Performance Impact - Optimized code with 0.00 resmon on idle, ensuring no server lag.

Perfect For

• Servers wanting modern, professional UI that replaces dated default notifications
• Developers needing a reliable notification API for custom scripts and resources
• Communities emphasizing polished user experience and visual consistency
• Framework migrations requiring notification systems that work across ESX, QBCore, and QBOX
• Any server wanting customizable alerts for jobs, interactions, system messages, and events

Notification Types & Use Cases

The system provides specialized notification types for different message contexts. Success notifications (green with checkmark) confirm completed actions like successful purchases, job completions, or item pickups. Error notifications (red with X icon) alert players to failures such as insufficient funds, invalid actions, or system errors. Warning notifications (orange with exclamation) caution about risky actions, approaching limits, or important reminders. Info notifications (blue with info icon) provide neutral information like server announcements, help tips, or status updates. Custom notification types allow servers to create unique alert styles for specific features like police alerts, medical notifications, or faction messages.

Integration Examples

The notification system integrates with virtually any FiveM script through simple export calls. Job scripts use it to confirm task completions and salary payments. Shop systems display purchase confirmations and insufficient fund errors. Vehicle scripts show lock/unlock status and fuel warnings. Medical systems notify about healing actions and injury status. Police scripts alert about dispatch calls and warrant notifications. The included code example demonstrates cruise control integration, showing how notifications enhance player feedback for any game mechanic.

Technical Implementation

Client-side implementation uses the export syntax: `exports[Venice-Notification]:Notify('Your message', 5000, info)` where the first parameter is the message text, second is duration in milliseconds, and third specifies the notification type. Server-side triggers use: `TriggerClientEvent('codem-notification', source, 'Your message', 5000, info)` to send notifications to specific players. The system automatically handles positioning, stacking, animation timing, and cleanup without requiring manual management.

Customization Options

The notification system offers extensive customization through configuration files. Modify default durations, change position preferences (top vs bottom, left vs center vs right), customize colors for each notification type, adjust animation speeds and styles, configure sound effects or disable audio entirely, set maximum stacked notification counts, define custom notification types with unique styling, modify fonts and text formatting, adjust shadow and border effects, and integrate custom icons or remove them entirely. The CSS-based styling system allows non-developers to make visual changes easily.

Advanced Features

Beyond basic notifications, the system includes intelligent anti-spam protection that detects duplicate messages within short timeframes and groups them instead of showing multiple identical alerts. The progress bar feature provides visual feedback on remaining display time, helping players gauge how long information will be visible. The stacking system ensures multiple notifications display cleanly without overlapping, automatically adjusting positions as new alerts appear and old ones disappear. Sound integration adds audio cues for important notifications while remaining subtle enough not to annoy during high-notification periods.

Performance & Optimization

The notification system is built with performance as a priority. The code achieves 0.00 resmon during idle periods, meaning it consumes zero server resources when notifications aren't actively displaying. Even with multiple notifications stacking and animating simultaneously, the system maintains minimal resource usage through efficient DOM manipulation and CSS-based animations that leverage GPU acceleration. The lightweight design ensures smooth performance even on high-population servers with frequent notification triggers.

What Makes It Stand Out

Unlike basic notification replacements, Codem-AdvancedNotifySystem provides a complete framework that handles every aspect of player notifications professionally. The framework-agnostic design means it works across ESX, QBCore, and QBOX without modification, saving development time during framework migrations. The multiple notification types with distinct styling create instant visual recognition that helps players process information faster. The anti-spam protection and intelligent stacking prevent notification chaos during high-activity moments. The combination of visual polish, technical reliability, and ease of integration makes it the definitive notification solution for serious FiveM servers.

Framework Compatibility

• ✅ ESX - Full compatibility with ESX notification systems, drop-in replacement
• ✅ QBCore - Native QB notification support with identical API structure
• ✅ QBOX - Works seamlessly with QBOX notification calls
• ✅ Standalone - Framework-independent, works with any server configuration

Installation Overview

1. Download and extract the Venice-Notification resource
2. Place the resource folder in your FiveM server's resources directory
3. Add `ensure Venice-Notification` to your server.cfg file
4. Configure default settings in the config file (position, duration, types)
5. Optionally customize CSS styling for colors, fonts, and animations
6. Update your existing scripts to use the new notification exports
7. Restart your server and test with sample notification triggers

Code Example - Cruise Control Integration

Related ESX Scripts

• Advanced Police Job - ESX
• okok Vehicle Shop (QBCore / ESX)
• Brutal Banking (ESX/QB)
• Weapon Lanyard (London Studios)