zox.

Orbit Dynamic HUD 2.0

Back to portfolio

FiveM interface

Orbit Dynamic HUD 2.0

A FiveM HUD with reactive player information, vehicle controls, a layout editor, and shareable settings.

Svelte ยท Lua / FiveM

View on store (opens in a new tab)
Official Orbit Dynamic HUD 2.0 preview showing its layout editor, status widgets, weather, and music controls
Role
Frontend and backend development
Interface
Svelte
Runtime
Lua / FiveM
Frameworks
ESX / QB / QBX / Standalone

The challenge

A HUD needs to show player and vehicle information clearly without getting in the way. It also has to work across different frameworks, resolutions, server themes, and player preferences.

The approach

Reactive layouts bring together player status, navigation, vehicle information, weather, and music, with server-controlled choices for what appears.

A grid-assisted editor supports moving and resizing components, undo and redo, and resolution-aware presets. Settings Share lets players save setups or exchange them through codes and validated JSON.

Framework configuration supports ESX, QBCore, Qbox, and Standalone. Onboarding, notifications, progress, skill checks, and text UI give connected resources a consistent interface.

Inside the project

  • Reactive DynamicBar and individual widgets
  • Car, boat, and plane speedometers
  • Vehicle controls and central control panel
  • Advanced editor with undo and redo
  • Settings Share and player presets
  • Onboarding and reusable interface tools