VelonLabs

Skip to content

Explore VelonLabs

Quick links

↑↓ Navigate↵ Open
VELONLABS / KNOWLEDGE & GUIDES

NUI: interface and game logic

How HTML menus, browser previews and FiveM integration work together.

A NUI has several layers

HTML structures content, CSS styles it and JavaScript controls browser interactions. The game resource opens the interface, supplies data and handles actions. An attractive menu and working gameplay are related results that need separate checks.

From template to integration

  1. Choose a suitable NUI Editor template or import your existing resource.
  2. Adjust layout, text and assets. Preserve required IDs and callbacks during design changes.
  3. Check preview sizes, scrolling areas and transparent areas showing the game.
  4. If needed, pass the saved resource to Agent Mode to add the specific gameplay logic.
  5. Test data flow, permissions, opening, closing and focus in game.

Readability before decoration

Good game menus stay understandable over moving backgrounds. Use contrast, clear selection states and reachable buttons. Allow room for long names, smaller resolutions, empty lists and errors. Transparency is an intentional layout choice, not a missing white background.

What the preview proves

The browser can show local interfaces and simulated sample data. Without the game server, real server events, inventory, money and permissions are not fully verified. Record which checks passed and which in-game checks remain.

Continue here

Updated 8 October 2026 · Availability depends on your project, role and plan.

All guides →