ParadoxStudios Logo ParadoxDevelopment

ParadoxTextUI

ParadoxTextUI is a modern, minimalistic, and animated text UI library for FiveM. Designed to be lightweight and elegant, it provides a premium "interaction hint" experience for your players without the bloat of heavy frameworks.

✨ Features

  • Modern Aesthetic: Clean design with glassmorphism, soft shadows, and the modern Inter font.
  • Smooth Animations: Fluid entry and exit animations with subtle slide and fade effects.
  • Fully Standalone: Zero dependencies. Works with ESX, QBCore, vRP, or standalone scripts.
  • Performance First: Optimized NUI that never blocks player input.
  • Dynamic Formatting: Automatically styles keys like [E] or [G] into visual keycaps.
  • Easy Integration: Simple exports to control the UI from any other resource.

📥 Installation

  1. Download the ParadoxTextUI resource.
  2. Extract the folder into your server's resources directory.
  3. Add the following line to your server.cfg:
ensure ParadoxTextUI

💻 Usage for Developers

Integrate ParadoxTextUI into your scripts using the provided exports.

Show Notification

Display the text UI on the screen.

exports.ParadoxTextUI:Show("[E] Access Computer")

Update Text

Update the text while the UI is already visible (seamless transition).

exports.ParadoxTextUI:Update("[G] Search Files")

Hide Notification

Hide the UI with a smooth animation.

exports.ParadoxTextUI:Hide()

Example Snippet

local nearby = false

CreateThread(function()
    while true do
        local sleep = 1000
        -- Your distance check logic here...
        if dist < 2.0 then
            sleep = 0
            if not nearby then
                exports.ParadoxTextUI:Show("[E] Open Menu")
                nearby = true
            end
        else
            if nearby then
                exports.ParadoxTextUI:Hide()
                nearby = false
            end
        end
        Wait(sleep)
    end
end)

🎨 Customization

The UI is built with standard HTML/CSS. You can easily customize colors, fonts, and positioning by editing html/style.css.


Created by Paradox