CodeRanch UI System

Advanced Notification & Progress Bar for RedM

A lightweight and modern UI helper that lets developers show categorized toast notifications and run cancellable progress bars with optional animations and props.

What This Script Does

For Players:

- See clear on-screen notifications for actions and feedback

- Experience immersive, animated progress bars during interactions

- Cancel actions via ESC when allowed by the script

For Developers:

- Trigger toasts with a single export call

- Start progress bars with callbacks for start/tick/complete/cancel

- Add animations/props seamlessly while progress is running

System Features:

- Clean NUI-based notifications (success, info, warning, error)

- Cancellable progress bar with timeout and text

- Optional animation and prop attachment

- Built-in preview/editor command (/ui)

- Framework-agnostic utility (works alongside VORP/RedEM/QBR/Standalone)

Requirements

- RedM Server (cerulean)

Installation

1. Download and place in resources

2. Add ensure coderanch-ui to server.cfg

3. (Optional) Adjust keys in config.lua

What You Get

- Complete source code

- In-repo documentation

- Lifetime updates

- Discord support

Links

Documentation: Documentation

Discord Support: Join Community

Video Tutorial: Preview

---

CodeRanch Scripts - Professional RedM Development