fxWelcomeUI [FREE] [STANDALONE]

FiveM Releases
, , ,
1

fxwelcomeui_thumbnail
fxwelcomeui_thumbnail1920×1080 107 KB

|Preview|
Click here to see a preview

|Information|
Highly configurable modular welcome UI. It comes with 4 animations for opening and closing. You can add as much containers, images or videos as you want. Every container’s height is adjustable as well as it’s title, color and etc.

Open/Close Animations:
animations-ezgif.com-video-to-gif-converter

|How to use|
You just have to trigger this event: TriggerEvent('fx_welcomeUI:client:showUI')
It can be anywhere, but where most people would want it is after character creation.

Example for qb-clothing(qb-clothing/client/main.lua around line 1015):

RegisterNetEvent('qb-clothes:client:CreateFirstCharacter', function()
    QBCore.Functions.GetPlayerData(function(pData)
        local skin = "mp_m_freemode_01"
        openMenu({
            {menu = "character", label = Lang:t("menu.features"), selected = true},
            {menu = "hair", label = Lang:t("menu.hair"), selected = false},
            {menu = "clothing", label = Lang:t("menu.character"), selected = false},
            {menu = "accessoires", label = Lang:t("menu.accessoires"), selected = false}
        })

        if pData.charinfo.gender == 1 then
            skin = "mp_f_freemode_01"
        end

        ChangeToSkinNoUpdate(skin)
        SendNUIMessage({
            action = "ResetValues",
        })
        TriggerEvent('fx_welcomeUI:client:showUI')
    end)
end)

|Download (FREE)|
Get this resource at Tebex or at Github

5 Likes
2

Hi :slight_smile:

I love UI stuff… nice design. Thanks for sharing this with us.

1 Like
3

Thanks a lot!

4

Amazing resource!

1 Like
5

Thank you!

6

nice UI,

but if i closed it, i can do anythink. can you help?

7

Thanks a lot.

To fix your problem make sure that the script is called: fx_welcomeUI

8

yes, i have add it from github and i type /sw then comes the UI and if i closed it, i have the courser active and can do nothing. only F8. No ESC or ALT+F4.

9

I understand, can you check for any errros/warnings in the f8 console. Also make sure that in the html/index.js at line 77 before “/close” that the name is the same as what you have the script called.

10

in the client.lua:

RegisterCommand(‘sw’, function()
TriggerEvent(‘fx_welcomeUI:client:showUI’)
end)

index.js:

    function handleExitButtonClick() {
        $('.main-container').removeClass().addClass('main-container ' + config.closeAnimation);
        setTimeout(() => {
            $.post(`https://fx_welcomeUI/close`, JSON.stringify());
            document.body.innerHTML = '';
        }, 500);
    }
11

Yea, It looks correct. What I’m thinking is that the name of your script folder is different to fx_welcomeUI.

12

thanks.

yes the name from folder was the problem.

Thanks very much.