FiveMFiveM Loading Screen Generator: Create a loading screen for free
With the FiveM Loading Screen Generator, you can design your FiveM server's loading screen without coding: choose a template, set a background image, video or YouTube video, and add music, rules and a Discord link. The live preview shows every change. When you're done, download the finished resource as a ZIP with fxmanifest.lua.
Built by Florian Galz
Free, with no sign-in: the resource is created in your browser, and your files are not uploaded.
Loading screen ready? Show it on your own FiveM server.
Template
Server
A PNG with a transparent background works best.
Progress bar, rule numbers, and buttons
Background
Music
Rules
Leave blank if the loading screen shouldn't show any rules.
Links
Links without a URL won't be shown. In-game, they open in the player's browser.
Loading indicator
Live preview
Line for server.cfg
4 files, including 0 media files totaling 0 B
Features
What the FiveM Loading Screen Generator can do
From the background to the ensure line: the generator builds the complete resource.
Three templates
Centered, with a sidebar for rules, or minimal with plenty of background space.
Image, slideshow, video or YouTube
Up to six images transition with a crossfade; videos loop silently.
Music with volume control
MP3 or YouTube. Players can turn down or pause the music on the loading screen.
Real loading progress
The bar follows FiveM's loadProgress event, with the current loading step optionally shown below it.
Rules and links
Up to 15 rules and six links, such as Discord, that open in the player's browser. Adding links or music automatically enables a mouse cursor on the loading screen.
Ready-to-use resource
A ZIP with fxmanifest.lua, HTML, CSS, JavaScript and your files, ready to run.
Guide
Create a FiveM loading screen – step by step
Go from an empty form to your own loading screen on your server in six steps.
Step 1
Choose template
Choose one of three templates: Centered, Sidebar with rules on the left, or Minimal with plenty of room for the background.
Step 2
Add your server
Enter your server name and subtitle, optionally upload your logo, and choose the accent color for the progress bar and buttons.
Step 3
Set background
Choose a gradient, an image, a slideshow of up to six images, a WebM video or a YouTube video, and adjust how much the background is darkened.
Step 4
Add music
Choose an MP3 file or a YouTube link and set the initial volume. Use “Listen to music” to check an MP3 directly in the tool.
Step 5
Enter rules and links
Write up to 15 server rules, one per line, and add up to six links, such as Discord or your website. The live preview shows every change instantly.
Step 6
Download and start
Download the ZIP file, extract it into the resources folder, add the ensure line to server.cfg and restart the server. In the ZAP Dashboard, you can install it with one click.
The finished resource
What's inside your FiveM loading screen ZIP file
The generator builds a standalone FiveM resource: a folder named after your resource that you can place directly in resources. Uploaded images, videos and music are included in the ZIP file; only links and YouTube videos are loaded externally.
fxmanifest.lua
Registers index.html as the loading screen using loadscreen and lists all files. If you add links or music, it also sets loadscreen_cursor 'yes'.
index.html
The structure of your loading screen, including the server name, logo, background, rules, links and progress bar.
style.css
The selected template's layout and the background image slideshow.
script.js
A progress bar using loadProgress, the current loading step using onLogLine, clickable links and music controls for players.
media/
Your uploaded files under fixed names such as logo.png, bg-1.jpg or music.mp3.
Explore more
More FiveM tools for resources and server.cfg
ZapX Resource Maker
Describe your FiveM Resource in your own words — AI writes the Lua code and fxmanifest.lua and packages everything as a ready-to-use .zip. Try it for free.
Built by Luca Stanek
fxmanifest.lua Generator
Configure directives in a form and get a valid fxmanifest.lua instantly.
Built by Eric Mager
FiveM Resource Installer
NewCheck a FiveM resource ZIP archive for the destination folder, ensure line, dependencies, escrow, and SQL. In the Dashboard, the tool installs the resource directly on your server.
Built by Fabian Groß
fxmanifest.lua Checker
Find missing quotation marks, unknown directives, invalid values, and outdated entries.
Built by Eric Mager
server.cfg Generator
Configure network, license, OneSync, admin permissions, and resources using a form.
Built by Eric Mager
server.cfg Checker
Check network endpoints, RCON security, ScriptHookV settings, and OneSync configuration.
Built by Eric Mager
FAQ
Frequently asked questions
Quick answers about FiveM loading screens: installation, formats, YouTube, ESX and QBCore, file size, loading progress and privacy.
The loading screen is the page players see while FiveM loads your server's map and resources after they connect. Technically, it's a separate resource: an HTML page registered with loadscreen in fxmanifest.lua. The generator builds the entire resource for you, so you don't need to write HTML.
Extract the ZIP file into your server's resources folder, for example to resources/[local]/zap_loadscreen. Then add ensure zap_loadscreen to server.cfg (the generator shows you the exact line) and restart the server. If you have a FiveM server with ZAP-Hosting, open the tool under Tools in the Dashboard: it installs the loading screen directly on your server with one click and adds the ensure line for you. Go to the FiveM Resource Installer
Use JPG, PNG, WebP or GIF for images, preferably WebM for videos, and MP3 only for music. The generator accepts MP4 videos but displays a warning: FiveM's browser often cannot play H.264 videos because it lacks the licensed decoders. Convert them to WebM first. You can also provide an https link instead of a file.
Yes. As a background, the YouTube video loops silently; as music, the loading screen plays only its audio. You set the initial volume in the generator, and players can turn down or pause the music on the loading screen. Some videos do not allow embedding; they will appear black or remain silent. The preview only shows the thumbnail for YouTube videos.
Yes. The generator creates a standalone resource: fxmanifest.lua registers only the loading screen with loadscreen and lists its files. It does not depend on any framework. If your framework includes its own loading screen, remove its ensure line from server.cfg so yours appears.
FiveM displays only one loading screen. If another one is already running on your server, such as your framework's loading screen, remove its ensure line from server.cfg. Also check that the folder name exactly matches the one in the ensure line, and restart the server after installation. In the Dashboard, the tool alerts you to other loading screens.
Each file can be up to 40 MB, with a total limit of 80 MB. But every player downloads them when connecting. Try to stay under 25 MB by compressing images and videos or using links; the generator warns you at 25 MB.
Yes. The loading screen listens for the loadProgress event FiveM sends while loading and displays the value as a percentage. You can also show the current loading step from onLogLine below it. In the preview, the bar runs from 0 to 100% for demonstration only.
The generator is free and requires no sign-in. The resource is created directly in your browser, so your images, videos and music are not uploaded. Only when you install it through the Dashboard is the ZIP file sent to your own server.
Any more questions?
Contact Support
Rent your own FiveM server in 60 seconds
DDoS protection included, full control over server.cfg and resources, cancel anytime.
No setup. No risk. Online in seconds.
Looking for more tools? View all FiveM tools
Preferred source on Google
