FiveM UI Kit & Complete ox_lib Redesign

This is not a component library you migrate to. Overflow UI ships as an ox_lib fork, so every lib.* call the resources on your server already make is drawn with the new interface the moment you restart. The garage menu from one developer and the shop from another stop looking like they came from different games, without either script being edited.

That is the whole premise of an ox_lib redesign: change the layer everything is drawn on, and the entire resource list updates together.

Open the theme editor in game and every component on your server is on the table. Fourteen sections down the left, one per component, and inside each one the tokens that component owns: its surfaces, its text, its accent, its corner radius. Change a global token and everything follows it. Change a component's own token and only that component moves, because module tokens inherit from the global until you give them a value of their own.

The preview on the right draws real components as you edit, over a night or day backdrop, because a colour that reads well on a dark street can disappear against a bright sky. When you are happy, export the lot as one short theme code: paste it on another server, hand it to a friend, or keep it as a preset. No config file, no restart, no database.

The FiveM radial menu ships in two distinct layouts. The wheel is the familiar segmented ring for a short list of actions, while the honeycomb packs many more entries into the same space without shrinking the hit areas, which matters when players are using it mid-chase. Both support nested submenus, icons and per-entry visibility, and both inherit your theme automatically.

An alert dialog here can carry an image, section headings, formatted body copy, a bullet list and a text input in the same window. The property deed above is one component: listing photo, terms with the figure emphasised, an inclusions list and a signature field, closed with Cancel bound to ESC and a themed Confirm.

That range is what lets you use one FiveM UI library for a contract signing, a purchase confirmation and a simple yes or no prompt, instead of three different resources.

Callouts carry their own colorScheme, so a permanent-action warning, an informational note, an outstanding-balance error and a verified confirmation all sit in the same dialog without a line of CSS.

The detail that matters: the text colour is not the accent, it is derived from it. An accent used as text on its own tint often falls below readable contrast, a deep blue or a maroon error especially, so each callout lifts its own text until it clears the threshold. Pick any colour you like and the notice stays legible instead of quietly becoming unreadable.

Multi-step content needs somewhere to live on screen. The objectives panel tracks a job or heist step by step, with a counter in the header, completed steps struck through in green, the active step highlighted with its own hint line, and upcoming steps dimmed so players read the sequence at a glance.

Drop it into a bank heist, a delivery run or a tutorial and stop explaining the next step in chat.

The small components are where a server feels finished. Interaction prompts show the key and the action together. Keybind panels list several actions at once for a scene with more than one option, ESC included. Progress comes in a slim bottom bar or a compact radial with the percentage in the middle, so a long repair and a quick lockpick can each use the shape that suits them.

Notifications, text UI, list menus, input forms, skill checks and drawers round out the set, and every one of them follows the same theme.