> For the complete documentation index, see [llms.txt](https://jiffyjrdevelopment.gitbook.io/jiffyjrdevelopmentdocs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jiffyjrdevelopment.gitbook.io/jiffyjrdevelopmentdocs/jiffy-jr-development-docs/jiffy-ui/introduction.md).

# Introduction

**One UI system. Every script. In a Jiffy.**

Jiffy UI is a premium FiveM resource that unifies your entire server's UI into one fully themed interface. Drop it in — your existing scripts work without any code changes.

***

## Features

| Category                 | What's included                                                                                                                                 |
| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------- |
| **Notifications**        | Multi-type toasts, 9-position grid, action buttons with callbacks, sounds, deduplication, configurable stack cap                                |
| **Text UI**              | Key-chip hints, icons, 6 anchor positions                                                                                                       |
| **Progress**             | Progress bar & circle, animation/prop support, cancel key, mid-progress label updates                                                           |
| **Skill check**          | Rotating-needle timing minigame — easy / medium / hard presets, multi-circle, danger zones                                                      |
| **World text**           | NUI-anchored 3D labels with card, key chip, accent connector + dot, distance fade, entity tracking                                              |
| **Screen effects**       | FadeIn / FadeOut (color overlay), CinematicBars (letterbox), ScreenBlur (GTA V native)                                                          |
| **Menu**                 | Nested submenus, keyboard navigation, multiple backend support                                                                                  |
| **Input dialog**         | 8 field types: text, number, textarea, password, checkbox, select, slider, color                                                                |
| **Alert & Confirm**      | Single and two-button dialogs with typed accent bars                                                                                            |
| **Tooltip**              | Lightweight edge-anchored label                                                                                                                 |
| **Item notify**          | Image + name + quantity badge (add / remove), QBCore ItemBox intercept                                                                          |
| **Announcement**         | Full-width top-of-screen banner with progress bar and close button                                                                              |
| **Countdown**            | Urgent pulse animation, expiry callback, stop support                                                                                           |
| **Dynamic theming**      | Change accent color at runtime — all CSS variables + canvas glow update instantly                                                               |
| **In-game config panel** | `/jui_config` (admin only) — live accent picker, position selector, live preview                                                                |
| **Server relay**         | Push any UI element to a specific player or all players from server-side scripts                                                                |
| **12 backend adapters**  | okokNotify, brutal\_notify, rtx\_notify, progressbar, mythic\_notify, ESX, QBCore, ox\_lib (shim + live redirect), qb-menu, qb-input, jg-textui |

***

## No dependencies required

Jiffy UI auto-detects your framework and active UI libraries on startup. ox\_lib, QBCore, and ESX are all **optional**.

***

## Links

* **Discord** — support, updates, and previews - <https://discord.gg/aWbHxQctzF>
* **Tebex** — purchase and license management - [https://jiffy-jr-development.tebex.io](https://jiffy-jr-development.tebex.io/)
* **Changelog** — see what's new in each version