Echo UI Pack

Give every ox_lib menu, dialog, and notification a clean, modern look that matches the rest of your server. Echo UI reskins ox_lib's entire interface into one cohesive design language — violet-black glass panels, a signature accent edge, crisp Inter typography, and readable white text on every screen. It's a drop-in replacement for ox_lib's web UI: same exports, same events, same API — just a much nicer face.

And it's yours to colour. One server convar recolours the ENTIRE interface, so it can match your server's brand instead of a fixed theme.

PICK YOUR OWN COLOUR

Not a fan of the default purple? Change one line and the whole UI follows — buttons, sliders, checkboxes, progress bars, focus rings, radial, skill check, notification icons, everything.

    set ox:accentColor "#a855f7"   -- default (Echo purple)

    set ox:accentColor "#22d3ee"   -- cyan

    set ox:accentColor "#f43f5e"   -- red

    set ox:accentColor "#22c55e"   -- green

Any hex value works. Text stays white and readable, and contrast is handled automatically.

WHAT'S REDESIGNED

- Context / target menu — glass panel with the accent edge, clean rows, accent hover and progress bars

- List menu — arrow-key menu with selected-row highlight, sliders, toggles and chevron values

- Radial menu — a honeycomb of rounded-diamond tiles with a centre hub (red close / back), icon + label per tile, and pagination

- Input dialog — full form set: text, password, number, select, checkbox, slider, date/time — all accent-themed

- Alert dialog — clean confirm / cancel prompt

- Notifications — glass toasts with a coloured left edge per type (success / error / warning / info) and a solid filled icon

- Progress bar — glass pill with a slim accent fill

- Progress circle — a clean accent ring with the percentage inside

- Skill check — light track with an accent target zone and a glass key badge

- Text UI — glass hint panel with the accent edge

BUILT TO FIT IN

- Consistent design across every component — nothing looks bolted on

- White, high-contrast text everywhere for readability in any scene

- Readable over bright and dark backgrounds (drop shadows where it counts)

- Same look whether you play in light daytime or night

COMPATIBILITY

- Drop-in for ox_lib — replaces only the interface, keeps the full API

- Works with qbox, qb-core, esx and any framework that uses ox_lib

- Every resource that already uses ox_lib menus/dialogs/notifications gets the new look automatically — no edits to your other scripts

INSTALLATION

1. Replace your ox_lib (or drop in the included web build)

2. Restart ox_lib

3. Optional: add "set ox:accentColor "#yourhex"" to your server.cfg

4. Done — every ox_lib UI is now Echo styled

LICENSE

Built on ox_lib (LGPL-3.0). All files ship readable and un-escrowed, fully licence-compliant. Your own resources that depend on ox_lib are unaffected and can remain protected.