Modern UI v2 with Theme Editor | The Most Popular UI Kit in FiveM
Ready to upgrade your server's UI? Links and documentation below.
Buy Now: https://lationscripts.com/product/mod...
Documentation: https://lationscripts.com/docs/modern-ui
Join Discord: / discord
🚀 A year after launch, Modern UI keeps getting better and pushing the boundaries of what is possible. This update introduces a live in-game Theme Editor, personal themes, theme sharing, new components & much more!
If you're new here: Modern UI, also known as Lation UI, is a modern, lightweight FiveM UI library built with React. Clean design, smooth animations, ox_lib-compatible patterns, and much more.
✨ What's NEW in v2:
Full Theming System with In-Game Editor
Every color, corner radius, font, scale, shadow, border width, and panel opacity is now customizable - globally or per component - through a brand new in-game editor with live previews of the real components as you edit. Admins run /uitheme (requires the lation_ui.admin ACE permission) to style the UI server-wide; the theme is saved to data/theme.json and automatically replicated to every player.
Personal Player Themes
Set setr lation_ui:allowUserThemes 1 in your server.cfg and players can run /uisettings to personalize their own UI. Personal themes are stored client-side per player (no database required) and layer on top of your server theme - anything a player doesn’t customize inherits from it.
Theme Share Codes
The editor includes Share Theme / Import Theme actions that produce a single copy-paste code containing an entire theme. Paste a code from any player or server and get their exact look instantly.
Preset Themes & Font Picker
The editor ships with a set of distinct preset themes as starting points, plus a font picker with curated font options. Default fonts are now bundled with the resource instead of loading from a CDN.
Refined Default Look
The same identity you know, polished: improved depth, contrast, and typography across every component. Change nothing and it simply looks a little better.
Keyboard Navigation
Menus support Arrow Up/Down, Enter, and Home/End; submenus keep Backspace navigation; the radial menu supports Arrow Left/Right and Enter; dialogs keep Tab focus contained.
Faster Load
The UI bundle was restructured so the core loads in a fraction of its previous size, with icon packs moved to a lazily-loaded chunk.
⏱️ TIMESTAMPS
00:00 Intro
00:12 What is Modern UI?
00:38 How do I use it?
01:27 Theme Editor
02:32 Personal Themes
03:01 Theme Sharing
03:32 Other Improvements
03:58 Part 2 - Component Previews
04:44 Alert Dialog
05:01 Drawer
05:27 Input Dialog
05:39 List Menu
05:57 Context Menu
06:18 Notifications
06:28 Pattern Lock
06:47 Progress Bar
07:08 Signal Breach
07:23 Text UI
07:34 Timeline
08:02 Radial Menu
08:38 Outro & ???
#FiveM #GTA5 #QBCore #Qbox #ESX #FiveMScripts #FiveMDevelopment #FiveMUI #ox_lib #LationUI #ModernUI
Music by prettyjohn1 from Pixabay.