The DynamicBar changes with the time, weather, music, vehicle state, and what the player is doing.
FiveM HUD / Svelte and Lua
Orbit Dynamic HUD
A configurable HUD that shows the information players need without filling the screen with unnecessary UI.
- Role
- Design and full-stack development
- Interface
- Svelte
- Runtime
- Lua / FiveM
- Frameworks
- ESX / QB / QBX
0.01ms Idle resmon Measured while idle
120+ Included icons Used across several layouts
3 Supported frameworks ESX, QB, and QBX through orbit-lib
The problem
What needed to work.
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.
orbit-lib handles framework-specific behavior so the same HUD works with ESX, QB, and QBX.
Players can change the layout and positioning themselves, while server owners still have configuration and integration options.
Video
Watch it in use.
What's included
Main features.
- DynamicBar that reacts to game state
- Vehicle HUD and speedometer layouts
- Player control panel and positioning
- Onboarding and notification systems
- Responsive layouts and locale support
- Experimental in-world music integration