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.