---
title: How to Install a Loading Screen on a FiveM Server
description: Make your FiveM server stand out with a custom loading screen! Follow this guide to install and configure a unique server loading screen.
source: "https://nodecraft.com/support/games/fivem/resources/how-to-install-a-loading-screen"
image: "https://dynamic-assets.nodecraft.com/signedurl/w7vokBAexMnVlnMZ1Q/image.jpg?modifications=W3sibmFtZSI6ImdhbWVfYmciLCJpbWFnZV91cmwiOiJodHRwczovL2Ntcy1hLm5vZGVjcmFmdC5jb20vZi8xMzM5MzIvMjAwMHg1NTAvZDE3ZGYzNmNhNi81bS1sYW5kaW5nLTEtNi0xLnBuZy9tLyJ9LHsibmFtZSI6ImdhbWVfbG9nbyIsImltYWdlX3VybCI6Imh0dHBzOi8vY21zLWEubm9kZWNyYWZ0LmNvbS9mLzEzMzkzMi8zNzV4MTUwLzdiMTM0ZDQ4MjgvZml2ZW0tbG9nby0xLTItMS5wbmcvbS8ifSx7Im5hbWUiOiJjdGFfdGV4dCIsInRleHQiOiJDcmVhdGUgeW91ciBvd24gc2VydmVyISJ9LHsibmFtZSI6InRleHQiLCJ0ZXh0IjoiSG93IHRvIEluc3RhbGwgYSBMb2FkaW5nIFNjcmVlbiBvbiBhIEZpdmVNIFNlcnZlciJ9XQ&s=9bc04cf3a3a3fc4b9253f22ae8e49dbf41afa825b60c888c4e4b31abf028543e"
published: "2025-03-10T14:38:56.000Z"
updated: "2025-02-05T23:34:00.000Z"
---

# How to Install a Loading Screen on a FiveM Server

Make your FiveM server stand out with a custom loading screen! Follow this guide to install and configure a unique server loading screen.

A custom loading screen makes your FiveM server stand out by creating a unique experience as players connect. Adding custom images, music, and server details helps set the tone and gives players useful information while they load in. Follow these steps to set up a custom loading screen for your server.

**Note: Be sure that your FiveM server is fully stopped before making any configuration changes or setting updates!**

## Download or Create a Loading Screen Resource

1. Visit a website like:

  - [FiveM Forums](https://forum.cfx.re)
  - GitHub (search for "FiveM loading screen")
  - [GTA5-Mods](https://www.gta5-mods.com)
2. Download a **FiveM-compatible** loading screen.
3. Ensure the folder contains `index.html`, `style.css`, and a `config.lua` or `fxmanifest.lua` file.
4. If creating your own, prepare HTML, CSS, and JavaScript files for a custom design.

## Add the Loading Screen to Your Server

1. Navigate to the **Server Files** tab in the Nodecraft Control Panel.
2. **Open** the `resources` folder.
3. **Create **a new folder and name it `loadscreen`.  
  ![Creating the custom loadscreen folder for a FiveM server](https://cms-a.nodecraft.com/f/133932/1908x848/a6b1e2219a/vehicle-create-folder.png/m/1000x0/smart)
4. **Upload** loading screen files into the `loadscreen` folder you created.  
  ![Uploading the loading screen files for a FiveM server](https://cms-a.nodecraft.com/f/133932/1901x634/08b5e26ceb/loadscreen-files.png/m/1000x0/smart)

## Add the Loading Screen to `server.cfg`

1. **Open **`server.cfg` (found in your FiveM server directory).
2. Add the following line:

  `ensure loadscreen`
3. **Save** the file.  
  ![Ensuring the custom loading screen for a FiveM server in the server.cfg file](https://cms-a.nodecraft.com/f/133932/1904x867/b98433d73c/ensure-loadscreen.png/m/1000x0/smart)

## Start Your Server and Test

1. Start your FiveM server.
2. Join the server and check if the loading screen appears correctly.
3. If the loading screen does not appear, check the server console for errors.

## Customize the Loading Screen (Optional)

1. Modify the `index.html` file to change images, text, or animations.
2. Edit `style.css` to customize fonts, colors, or layout.
3. Replace `music.mp3` with your music (ensure it matches the filename in `fxmanifest.lua`).

## Troubleshooting

1. If the loading screen does not load:

  - Ensure all files are correctly placed inside the `loadscreen` folder (`index.html`, `style.css`, `fxmanifest.lua`, etc.).
  - Verify that `fxmanifest.lua` is properly structured.
  - Check `server.cfg` to confirm `ensure loadscreen` is added.
  - If images or music do not load, confirm the file paths in `index.html`.
2. If music does not play:

  - Ensure the `music.mp3` file is present in the folder.
  - Check if your browser allows auto-play for audio.

---

## Conclusion

By following these** **steps, you can successfully install and customize a loading screen for your FiveM server. A unique loading screen enhances player engagement and adds a professional touch to your server. If you want further customization, experiment with HTML, CSS, and JavaScript to create a fully personalized experience. Enjoy modding your FiveM server!

## Need Help?

If you have questions or run into any issues, our support team is here to help! Reach out using the support widget on our website or visit our **[support center](https://nodecraft.com/support)** for further assistance.