F5 StudioF5 Studio
Skip to main content

NUI Interface

The F5 Boost menu is a browser-based panel rendered inside the game using FiveM's NUI system. It's built with vanilla HTML, CSS and JavaScript with no external frameworks.

Opening the Menu

Press the configured key (default F7) or type /fpsmenu in chat. The menu appears on the right side of the screen with a scale-in animation.

Tabs

The left sidebar has four icon buttons that switch between views:

IconTabContent
TunePresetsGraphics presets and performance modes
EqualizerQualityFour quality sliders (shadows, objects, characters, vehicles)
ToggleTogglesSix on/off switches for specific effects
BookmarkProfilesSaved profiles, save/load, and share codes

Drag and Drop

The menu is draggable. Click and hold the header bar (the area with the logo and FPS counter) to move the panel anywhere on screen. The close button and FPS badge are excluded from the drag area.

The first time you drag, the panel switches from its default CSS positioning to fixed coordinates. This position is not persisted between sessions.

Camera Control

While the menu is open, click and hold outside the panel to freely look around. The cursor hides and mouse input goes to the game camera. Release to return to the menu.

During camera control, attack/aim inputs are disabled to prevent accidental shooting. The full list of blocked controls: attack, aim, vehicle aim/attack, passenger aim/attack, fly attack, and all melee actions.

FPS Counter

The top-right corner of the header shows a live FPS counter (if enabled in config). The number changes color based on performance:

FPSColor
60+Green
30-59Amber
Below 30Red

The counter updates once per second.

Tooltips

Hover over any element with a tooltip to see a description. Tooltips appear above the element by default, or below if there's not enough space. All tooltip text is localized.

Keyboard Shortcuts

KeyAction
F7 (default)Toggle menu open/close
EscapeClose the menu
EnterSubmit profile name or import code (when the input is focused)

Notifications

Toast notifications appear at the top center of the screen for actions like saving a profile, loading settings, or errors. They auto-dismiss after 2.5 seconds.

Three notification types:

  • Success (green icon): profile saved, loaded, settings applied
  • Error (red icon): invalid share code, max profiles reached
  • Info (amber icon): share code generated

Responsive Scaling

The menu scales up on higher resolutions:

ResolutionPanel Width
Below 1400px420px
1400-1999px460px (default)
2000-2999px520px
3000px+640px

All UI elements (fonts, buttons, sliders, spacing) scale proportionally at each breakpoint.