A customizable, open-source loading screen for FiveM servers featuring dynamic backgrounds, custom loading messages, and audio support.
- Dynamic background image rotation
- Customizable loading messages with timing control
- Audio playback support
- Custom logo support
- Smooth transitions with controlled loading delay
- Download the latest release
- Extract to your resources folder
- Add
ensure Loadingscreento your server.cfg
Navigate to html/index.html, find line 311:
myAudio.src = "EDITME";
// Replace with your MP3 URL
myAudio.src = "https://example.com/your-audio.mp3";Replace the logo file in the HTML folder with your custom PNG file.
In html/index.html, find line 167:
const images = [
"https://wallpapercave.com/wp/wp9047134.jpg",
"https://wallpapers.com/images/hd/gta-5-1920x1080-bd8s5s47jh2gyl4s.jpg",
// Add more URLs as needed
];Modify the custom stages in html/index.html at line 184:
const customStages = [
{ text: "Your custom message...", duration: 2000 },
{ text: "Another message...", duration: 1500 },
// Duration in milliseconds
];Pull requests are welcome for bug fixes and improvements.
Created by Lorenc