> Source: https://fivemad.com/docs/videos/nui-and-uis > Section: Video tutorials > Level: Intermediate > Site map for assistants: https://fivemad.com/llms.txt # NUI and user interfaces Build HUDs, menus and loading screens with HTML, CSS and JavaScript, then move up to React. 5 videos, 1 h 44 min in total. The videos are on YouTube and are not ours. ## Lessons 1. [How to Create HUDs and UIs using NUI (Zero to Hero Episode 7)](https://www.youtube.com/watch?v=Z2yUTkE94pQ) by CharlesHacks (25:28) Building HUDs and UIs with NUI: ui_page, SendNUIMessage and callbacks, in one clear episode. 2. [FiveM Scripting 5 - How to use FiveM NUI (CEF)](https://www.youtube.com/watch?v=WxMOk-FuG2U) by Jeva (15:54) The classic NUI introduction: how the embedded browser works and how Lua talks to it. 3. [FiveM Scripting 16 - FiveM NUI with Inputs and Mouse Interactions](https://www.youtube.com/watch?v=VcOz5heQoXI) by Jeva (31:18) NUI with inputs and mouse interaction: focus, forms and sending data back to Lua. 4. [How To Setup REACT in FiveM 2026 | FiveM Tutorial](https://www.youtube.com/watch?v=1MMpzvtEI9Y) by Verdant Studios (8:10) Setting up React for a FiveM UI with a build step. 5. [FiveM - Loading screens with music and progress bars (HTML, CSS, JS)](https://www.youtube.com/watch?v=c4q8IN1IbLk) by Jeva (23:01) Making a loading screen with music and a progress bar in HTML, CSS and JavaScript.