Overview
Modern UI is a professional, standalone UI library for FiveM servers that instantly levels up the look and feel of your server. It provides polished React‑based NUI components with consistent theming, smooth animations, and a modern design system. It works with any framework (QBCore, ESX, Qbox, or custom) and integrates easily into all FiveM resources.
Key benefits:
- Modern design: clean layouts, consistent spacing, subtle motion, and premium feel.
- Performance: extremely lightweight components optimized for FiveM.
- Standalone: drops into any resource; not tied to a specific framework.
- Simple config: global defaults via server convars; customize once, use everywhere.
- Zero‑code migration: automatically converts ox_lib UI calls with a single fxmanifest line.
TL;DR: If you want your server to feel premium, with minimal effort and maximum compatibility, Modern UI is for you.
Looking for more technical documentation? Visit the docs →
Components
Alert Dialogs
Confirmation and info dialogs with type‑based styling (info/success/warning/error), icons, sizing, and clear call‑to‑action buttons.
Input Dialogs
Collect player input with validation, password visibility toggle, selects (searchable and multi‑select), sliders, color pickers, dates, and more.
Context Menus
Feature‑rich hierarchical menus with hover metadata cards, images, progress indicators, custom keybinds, and markdown formatting.
Notifications
Stacking notifications with 8 positioning options, type‑based styling, durations, and smooth enter/exit animations.
Skill Check
Configurable difficulty levels, input sequences, timing, and feedback for lockpicks, hacks, and any challenging events.
Progress Bar
Dynamic progress indicators with optional multi‑step sequences, animations, and optional player control restrictions.
Text UI
Clean text overlays with keybind hints, positioning, and markdown support for lightweight interaction prompts.
Compatibility
- Standalone compatibility: works with any framework and FiveM script.
- Zero‑code migration: add a single line to a resource’s
fxmanifest.luaand restart to automatically map ox_lib UI calls to Modern UI equivalents. - Broad adoption: supported by creators like Wasabi Scripts, JG Scripts, Jim (JixelPatterns), MrNewb Scripts, AV Scripts & more adopting regularly.
Performance
- Lightweight React architecture, built for FiveM’s NUI environment.
- Smooth animations and consistent theming for a premium, cohesive feel.
- Minimal resource usage to avoid impacting gameplay.
Configuration
Configure server‑wide defaults once and it applies everywhere without touching each resource.
- Locale:
setr lation:locale "en" - Override positions:
setr lation:position:notify/menu/textuito control default positions for notifications, menus, and text UI.
Who is Modern UI for?
- Server owners who want a professional, unified look across all resources.
- Server owners who need more flexibility and features in their UI components.
- Developers who want to build beautiful and interactive interfaces.
- Communities seeking a premium feel without the development overhead.
- Script creators who want their resources to stand out with polished UI.
- Server owners tired of inconsistent UI styles across different scripts.
Upgrade Now
Modern UI is included in our All‑in‑One Bundle and Monthly Subscription, and it works seamlessly with every Lation Scripts resource.
Quick Answers (FAQ)
What exactly is Modern UI?
It’s a standalone FiveM UI library that provides premium, high‑performance components—dialogs, forms, context menus, notifications, skill checks, progress bars, and text UI—for any resource or framework.
Does it replace ox_lib?
It's not a replacement for ox_lib, simply an alternative, more modern & feature rich UI library. You can bridge ox_lib UI calls to Modern UI via a single fxmanifest line. Over time, you can adopt the Modern UI exports directly for richer options.
Is it framework‑specific?
No. It’s fully standalone and works with QBCore, ESX, Qbox, or any framework.
Does it impact performance?
Modern UI is designed for FiveM. Components are extremely lightweight, smooth & responsive with no impact to performance.
Don't have Modern UI yet? Get it today!
FEATUREDNEWA modern UI library with a sleek, modern & professional look
