> For the complete documentation index, see [llms.txt](https://pulsescripts.gitbook.io/pulsescripts-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pulsescripts.gitbook.io/pulsescripts-documentation/paid-scripts/loadingscreenv3.md).

# LoadingScreen V3

{% embed url="<https://youtu.be/_6MQpfy9m40>" %}

### Purchase: [\[Click Here\]](https://pulsescripts.com/product/loadingscreenv3)

### Preview: [\[Click Here\]](https://youtu.be/_6MQpfy9m40)

Players spend a minute or more on your loading screen every time they join. V3 gives them something to do in that minute. They can read what changed in your last update, flick through screenshots from the city, look up the keybinds before they spawn, see who's on staff and put on some music.

The progress bar is real, too. It moves with the events FiveM sends while the game loads, so 60% actually means 60%.

{% hint style="info" %}
**One version, fully open source.**

V3 is paid and there's only one version of it. Nothing is escrowed. You get every Lua, JS and CSS file unlocked, so you can change anything you like, down to the code.
{% endhint %}

***

## Screenshots

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-428fc97fbd1a3727a70476c041c8db38eec091aa%2Floadingscreenv3-hub.jpg?alt=media" alt="Loading Screen V3 hub"><figcaption><p>The hub players see while they load</p></figcaption></figure>

Everything on the hub opens into its own panel. Click through the tabs below to see each one.

{% tabs %}
{% tab title="Changelog" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-741f8034f4e603ae63c92a62440f4fa8745e0a16%2Floadingscreenv3-changelog.jpg?alt=media" alt="Changelog"><figcaption><p>Versioned changelog with added / changed / fixed / removed filters</p></figcaption></figure>
{% endtab %}

{% tab title="Updates" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-4465297c589b2f7e9bb27287b05b0b749663292f%2Floadingscreenv3-updates.jpg?alt=media" alt="Update log"><figcaption><p>News and announcements with banners</p></figcaption></figure>

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-9538831a05c314f126ced98b5a7b4b220f547f05%2Floadingscreenv3-post.jpg?alt=media" alt="Full post"><figcaption><p>Clicking a post opens the whole thing</p></figcaption></figure>
{% endtab %}

{% tab title="Gallery" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-eadfac5d58fb7e0c8c36f7ade8435953af815228%2Floadingscreenv3-gallery.jpg?alt=media" alt="Gallery"><figcaption><p>Screenshots and clips, sorted into categories</p></figcaption></figure>

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-5712831a8c9a84c25a9536f4ec9a7ced4c2d9bd4%2Floadingscreenv3-lightbox.jpg?alt=media" alt="Gallery viewer"><figcaption><p>Full-screen viewer. Players can set any shot as their background</p></figcaption></figure>
{% endtab %}

{% tab title="Music" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-c365e65fe900446658e251a250dcd3a555a1cb05%2Floadingscreenv3-music.jpg?alt=media" alt="Music player"><figcaption><p>Music player with playlist and a visualizer that reacts to the track</p></figcaption></figure>
{% endtab %}

{% tab title="Keybinds" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-52ac7a7c7b9aec6c94ff69f6deb7595c39f43767%2Floadingscreenv3-keybinds.jpg?alt=media" alt="Keybinds"><figcaption><p>Bound keys light up on a full keyboard. Hover one to see what it does</p></figcaption></figure>
{% endtab %}

{% tab title="Staff" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-5a2e8cea52e450bbbc361363e9f4e062883c3c6b%2Floadingscreenv3-staff.jpg?alt=media" alt="Staff team"><figcaption><p>Your team, grouped by rank</p></figcaption></figure>
{% endtab %}

{% tab title="Settings" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-b2397b0c63336f76ab9f2ab2958a627867bde819%2Floadingscreenv3-settings.jpg?alt=media" alt="Player settings"><figcaption><p>Players pick their language, volume and effects. It's saved on their PC</p></figcaption></figure>
{% endtab %}

{% tab title="Arabic (RTL)" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-a4aa66265938050c842c34dadfb592ac28bd1886%2Floadingscreenv3-rtl-arabic.jpg?alt=media" alt="Arabic right-to-left layout"><figcaption><p>Arabic flips the whole layout right-to-left</p></figcaption></figure>
{% endtab %}

{% tab title="Copy link" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-08bc4ecb1471afb01ac65b942113be3bf29abf96%2Floadingscreenv3-copy-toast.jpg?alt=media" alt="Link copied"><figcaption><p>Links get copied to the clipboard by default, so nobody gets thrown out of the game into a browser</p></figcaption></figure>
{% endtab %}

{% tab title="Hide UI" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-ff6dca51a3d024c1522c35ec9b058e401b58efef%2Floadingscreenv3-hidden-ui.jpg?alt=media" alt="Interface hidden"><figcaption><p>The X in the top corner hides everything so players can just watch the background</p></figcaption></figure>
{% endtab %}
{% endtabs %}

### Seasonal themes

Change one line in the config and the whole screen gets a new look for the time of year. Each theme has its own colours, decorations and particles.

{% tabs %}
{% tab title="Fall" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-d53e6c31863c3444eb61b55a0268c82ebcdc053f%2Floadingscreenv3-season-fall.jpg?alt=media" alt="Fall theme"><figcaption><p>Amber tint, leaves falling and piling up along the bottom</p></figcaption></figure>
{% endtab %}

{% tab title="Winter" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-5ece96e709e54c37074dbefc1c7aa332f9073412%2Floadingscreenv3-season-winter.jpg?alt=media" alt="Winter theme"><figcaption><p>Festive red, frosted card corners, fairy lights and snow on the pulse line</p></figcaption></figure>
{% endtab %}

{% tab title="Spring" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-199782d4e2ef2106f48ecf60bc65c9a267f94332%2Floadingscreenv3-season-spring.jpg?alt=media" alt="Spring theme"><figcaption><p>Rose tint, cherry blossom branches and falling petals</p></figcaption></figure>
{% endtab %}

{% tab title="Summer" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-aa57434029a00957163ab04b4656b19d4b89c223%2Floadingscreenv3-season-summer.jpg?alt=media" alt="Summer theme"><figcaption><p>Jungle green, sun glare, palm silhouettes</p></figcaption></figure>
{% endtab %}

{% tab title="Halloween" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-20c7a264c79470eb4da972c03ac66f7aabcd8b34%2Floadingscreenv3-season-halloween.jpg?alt=media" alt="Halloween theme"><figcaption><p>Orange and lime, fog, pumpkins, embers and bats</p></figcaption></figure>
{% endtab %}

{% tab title="Ramadan" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-18e3bcb8fed6bd0bbe057b3206ca712f6085ba10%2Floadingscreenv3-season-ramadan.jpg?alt=media" alt="Ramadan theme"><figcaption><p>Teal and gold, hanging lanterns, crescent moon and stars</p></figcaption></figure>
{% endtab %}

{% tab title="New Year" %}

<figure><img src="https://3772452786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6v5fDiosJW49bNqJ5rQu%2Fuploads%2Fgit-blob-5154b224413b5efe4a0bf304043b1e391cd9d209%2Floadingscreenv3-season-newyear.jpg?alt=media" alt="New Year theme"><figcaption><p>Gold lights, confetti and fireworks</p></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Features

**📊 A progress bar that tells the truth**

It follows FiveM's actual load (core, scripts, data files, the map, joining the session), not a timer. A heartbeat line fills up underneath, and the current stage is written next to the percentage, like "Loading the map" or "Joining the city".

**🏠 A hub that fills itself in**

The big card always shows your newest update post and newest changelog version, with a count of what was added, changed, fixed and removed. Post a new update in the config and the hub is already up to date. The two smaller cards are yours to set up. Out of the box one copies your Discord invite and shows your staff avatars, and the other cycles through gallery thumbnails.

**📝 Changelog and update log**

A proper versioned changelog that players can filter by type, plus a news feed for events and announcements with banner images. Posts open up in full when clicked.

**🖼️ Gallery**

Screenshots and video clips with category filters. The full-screen viewer works with the arrow keys, and there's a "Set as background" button if a player likes a shot enough to stare at it while they wait.

**🎵 Music player**

Playlist, shuffle, repeat, seeking, volume and a visualizer that actually reacts to the music. A small "now playing" card sits in the corner. Music fades in on its own, and each player's volume is remembered for next time. Three NCS tracks are included so it works on day one.

**⌨️ Keybinds on a real keyboard**

Your binds light up on a full-size keyboard in their category colour, with a short label printed right on the key. Hover a key to see what it does, filter by category or search. Combos like Shift + X and mouse buttons are supported.

**👥 Staff team**

Ranks with their own colours, avatars (or initials when there's no picture), Discord handles and a short bio for each person.

**🎃 8 seasonal themes**

None, Fall, Winter, Spring, Summer, Halloween, Ramadan and New Year. Each one recolours the screen, adds its own decorations and particles, and puts a greeting at the top. You can swap the character art per season too, Santa and Mrs. Claus for December for example.

**🌍 5 languages, with right-to-left support**

English, German, French, Spanish and Arabic are included, and Arabic flips the entire layout. Anything you write in the config can have its own translation, and players can switch language themselves. Adding another language is just copying one file.

**🎬 Video or image background**

Loop a video, play several one after another, or run a slow slideshow of images. If a video can't play, the screen moves on to the next one and falls back to your images. Players never get a black screen. The background also drifts a little with the mouse.

**🎨 Your branding**

Logo, server name, tagline and two accent colours. Your server name also appears as a giant outlined word behind the cards, and character art stands on the left and right edges.

**⚙️ Player settings**

Players can change the language, music volume, interface sounds, seasonal effects and background motion. It's all saved on their own PC.

**🔗 Social buttons and links**

Instagram, TikTok, YouTube, X, Discord, store, website or any link. By default a click copies the link and shows a little "link copied" message, which is nicer than pulling someone out of the game into a browser. If you'd rather open the browser, that's one setting.

**💡 Tips and rules**

A rotating line of tips and server rules under the progress bar. Players can click it to skip ahead.

**👁️ Hide the interface**

One button hides everything so players can just watch the video.

**🖥️ Sharp at any resolution**

The layout scales from 1080p all the way to 4K, and fonts are bundled with the resource, so nothing has to download from the internet while the player is loading.

**🧪 Preview it in your browser**

You can open the loading screen in Chrome and see your changes without joining the server every time. See [Installation](/pulsescripts-documentation/paid-scripts/loadingscreenv3/installation.md#optional-preview-it-in-your-browser).

**🔔 Version check**

When the resource starts, your console tells you if there's a newer version out, along with the patch notes.

***

## Requirements

[<kbd>pl\_lib</kbd>](https://github.com/pulsepk/pl_lib)

That's it. The loading screen doesn't talk to your framework, so it runs the same on **Qbox**, **QBCore**, **ESX** or a standalone server.

***

{% hint style="info" %}
[Join the Discord if you get stuck or want to show off your setup.](https://discord.gg/c6gXmtEf3H)
{% endhint %}