[Release][Standalone][Free] Text UI

This is my first project I did in Svelte, it’s really simple.

The idea is based on cd_drawtextui and the design is inspired from NoPixel (kinda).

Video Showcase - If the video below doesn’t work

The UI is scalable and will work on all resolutions.

To call the UI you can use this event client side:

TriggerEvent('luke_textui:ShowUI', text, color)

To close the UI you can use this event client side:

TriggerEvent('luke_textui:HideUI')

Color is an optional parameter so it can be left blank or nil, if you specify the color then the background color of the container will change to the specified color.

Here are the examples I used in the video:

RegisterCommand('show', function()
    TriggerEvent('luke_textui:ShowUI', '[E] - Hello There!')
end)

RegisterCommand('hide', function()
    TriggerEvent('luke_textui:HideUI')
end)

RegisterCommand('showhtml', function()
    TriggerEvent('luke_textui:ShowUI', '<h4>Hello There</h4>General Kenobi', 'rgb(231, 76, 60)')
end)

HTML is supported in the text parameter.

If you call the event while there is already UI showing, the UI showing will simply get overwritten with the new call.

You can get the resource here:

For any issues please open a new Issue in the GitHub repository.

Feedback and suggestions are always welcome.

10 Likes

Simple, good looking, free
Nice work

1 Like

I’m no expert at creating resources but this thing is cool, nice :+1:

1 Like

well done

better create a release on github.

What would I put in the release? Just the client and the build folder without anything else?

how do you finish it for use? i have never done that before.

You don’t unless you want to develop.
Instead you follow these instructions:
image

Sorry about that, i always forget to check the releases.

1 Like

Sweet

big props, amazing job

1 Like