B2-SleekNotify - Modern, Multistyle, Multiposition

B2-SleekNotify

A modern, sleek notification system with dual styles and multi-position support.

Features

:art: Two Distinct Styles

  • Minimal: Clean, simple notifications for essential information
  • Advanced: Rich notifications with titles and enhanced visual styling

:round_pushpin: 9 Screen Positions

  • Top: Left, Center, Right
  • Middle: Left, Center, Right
  • Bottom: Left, Center, Right

:sparkles: Notification Types

  • Success (Green)
  • Error (Red)
  • Info (Blue)
  • Warning (Amber)

:dart: Key Features

  • Modern UI with blur effects
  • Smooth animations
  • Sound effects for different types
  • Notification counter
  • Easy configuration
  • Built with React and Tailwind CSS

Preview

Minimal Style

minimal
Clean and simple notifications

Advanced Style


Rich and detailed notifications

Usage

-- Client-side (Minimal)
exports['b2-sleeknotify']:CreateNotification({
    type = 'success',
    message = 'Vehicle stored successfully!',
    position = 'TOP_RIGHT'
})

-- Client-side (Advanced)
exports['b2-sleeknotify']:CreateNotification({
    type = 'success',
    title = 'Vehicle Stored',
    message = 'Your Sultan RS has been stored in Legion Square Garage',
    position = 'TOP_RIGHT'
})

-- Server-side
TriggerClientEvent('notifications:create', playerId, {
    type = 'success',
    title = 'Vehicle Stored',
    message = 'Vehicle stored successfully!',
    position = 'TOP_RIGHT'
})

Configuration

Config = {
    Style = 'minimal', -- 'minimal' or 'advanced'
    DefaultPosition = 'TOP_RIGHT',
    DefaultDuration = 5000,
    DefaultType = 'info'
}

Installation

  1. Download the latest release from GitHub

  2. Extract to your resources folder

  3. Add ensure b2-sleeknotify to your server.cfg

  4. Restart your server

Links

Support

  • Join our Discord for support
  • Create issues on GitHub for bug reports
  • Feel free to contribute via pull requests

License

MIT License | Created by B2DevUK

4 Likes