Lastmenu
Universal standalone menu system for FiveM. Context, radial, input, alert, notify, progress, target — one API, zero dependencies.
LastMenu
Universal standalone menu system for FiveM.
One API. All menu types. Real-time reactivity.
Zero runtime dependencies — works without
ox_lib,qbx_core, or any other framework.
The Svelte 5 UI is pre-compiled inui/assets/— nonpm installrequired to run the server.
Current version: 1.0.1
Installation
- Copy the
LastMenufolder into your server'sresources/directory. - In
server.cfg, before any resource that depends on it:
ensure LastMenu
- In the
fxmanifest.luaof each client resource:
client_scripts { '@LastMenu/client/exports.lua' }
Quick start
local UI = exports['LastMenu']
-- Context menu
UI:context(function(menu)
menu:title("My menu")
menu:button("Say hello", { icon = "hand", cb = function() print("Hello!") end })
end)
-- Notification
UI:notify(function(n)
n:message("Action successful.")
n:type("success")
end)
-- Blocking input (inside a Citizen.CreateThread)
local values = UI:input_async(function(b)
b:title("Purchase")
b:field("Quantity", { type = "number", min = 1, max = 10 })
end)
Documentation
| Topic | File |
|---|---|
| Context menu (items, tabs, accordions, submenus, reactivity) | docs/context-menu.md |
| Radial menu | docs/radial.md |
| Input form | docs/input.md |
| Alert / confirmation | docs/modal.md |
| Toast notifications | docs/notify.md |
| Progress bar | docs/progress.md |
| Target system | docs/target.md |
| Migration from ox_lib / RageUI / qb-menu | docs/migration.md |
| Theming (CSS custom properties) | docs/theming.md |
| Internal architecture | docs/architecture.md |
| Changelog | CHANGELOG.md |
What LastMenu solves
| Common problem | Solution |
|---|---|
Dependency on ox_lib or a framework |
Zero runtime dependencies |
| Different API per menu type | One pattern for everything |
| No reactivity — close/reopen to refresh | Built-in reactive polling engine |
| Locked to a framework (ESX / QBCore) | Works in any environment |
| Buggy watchers crash the whole menu | Safe Mode automatically disables faulty watchers |
| Back button returns to the wrong level | Navigation stack preserves full depth |
Quick theming
/* ui/theme/default.css — override variables to customize */
:root {
--ui-accent: #e94560;
--ui-ctx-width: 320px;
--ui-font-scale: 1;
}
Building the UI
The UI is pre-compiled. To modify the Svelte components:
cd ui
npm install # once
npm run build # outputs to ui/assets/
License
MIT — Kamion
