Loading Screen (DebuX)
Make every player connection memorable with the DebuX Loading Screen, a polished, modern loading experience that transforms the boring FiveM startup sequence...
Aperçu vidéo
Click to load video from Streamable. By watching, you agree to their privacy policy.
Loading Screen (DebuX) | Professional First Impression for Your FiveM Server
Make every player connection memorable with the DebuX Loading Screen, a polished, modern loading experience that transforms the boring FiveM startup sequence into a professional showcase of your server. This isn't just a progress bar - it's your server's first impression, combining beautiful visuals, server information, and smooth animations to keep players engaged during the loading process. Show your community that quality matters from the very first second.
What Makes DebuX Stand Out
- Modern Design Language - Clean, professional interface with smooth animations
- Server Information Display - Show player count, server rules, social links, and announcements
- Music Integration - Optional background music during loading (configurable volume)
- Progress Indicators - Visual feedback for loading stages with percentage display
- Fully Customizable - Change colors, backgrounds, logos, and text to match server branding
- Responsive Design - Scales perfectly to all screen resolutions and aspect ratios
Perfect For
- Serious roleplay servers wanting a professional first impression
- Communities that value polish and attention to detail
- Server owners replacing default FiveM loading screens with branded experiences
- Servers needing to communicate rules and information during player onboarding
Visual Features
- Custom Backgrounds - Upload server screenshots, artwork, or branded imagery
- Logo Display - Prominently feature your server logo or community branding
- Color Schemes - Customize all UI colors to match server theme
- Animation Effects - Smooth fade-ins, progress bar animations, text transitions
- Loading Tips - Rotating gameplay tips and server information during load
- Social Media Icons - Clickable Discord, Twitter, Instagram, TikTok links
Information Display Options
- Server Name & Description - Your server's identity and tagline
- Player Count - Current players online and server capacity
- Server Rules - Display essential rules during loading (prevents rule-break excuses)
- Announcements - Showcase events, updates, or important notices
- Social Links - Discord invite, website, donation links
- Staff Team - Highlight server staff and contact information
- Server Statistics - Total players, uptime, unique visitors
Loading Progress Features
- Stage Indicators - Show which loading phase is active (connecting, downloading, spawning)
- Percentage Display - Numerical progress percentage alongside visual bar
- Estimated Time - Show approximate remaining load time (optional)
- Status Messages - Descriptive text for each loading phase
- Smooth Animations - Progress bar fills smoothly without jumps
Customization Options
- Background Settings - Static image, image carousel, or video backgrounds
- Music Player - Add background music with volume controls
- Font Choices - Select from included fonts or use custom web fonts
- Layout Options - Choose from multiple pre-designed layouts
- Text Content - Easily edit all displayed text in config.lua
- Color Picker - Customize every UI element color
Installation
- Extract DebuX loading screen to your server resources folder
- Edit config.lua to add your server information, rules, and social links
- Replace default background images with your server's branding (located in /images/)
- Customize colors and fonts in the CSS file (optional)
- Add ensure debux_loadingscreen to your server.cfg
- Restart server and connect to see your new loading screen
Framework Compatibility
- ✅ Framework Agnostic - Works with ESX, QBCore, QBOX, or any framework
- ✅ No Dependencies - Purely client-side HTML/CSS/JS loading screen
- ✅ Universal Compatibility - Compatible with all FiveM servers
Technical Details
- File Size: Lightweight package under 10MB (without custom music/images)
- Performance: Client-side only, zero server performance impact
- Technology: HTML5, CSS3, JavaScript (no external dependencies)
- Compatibility: Works with all FiveM server versions
Music Integration
DebuX includes optional background music functionality. Add your own music files (MP3, OGG) to create an atmospheric loading experience. Players can mute music via an on-screen button if desired. Popular choices include lo-fi beats, ambient music, or server-themed soundtracks that set the roleplay mood.
Rule Display Benefits
One of DebuX's most valuable features is the ability to display server rules during loading. New players are forced to see your most important rules before they spawn - no more I didn't know that was against the rules excuses. Display core rules like RDM/VDM definitions, fail RP guidelines, or character creation requirements right when players need to see them.
Branding Opportunities
- Server Logo - Prominently display your community branding
- Color Matching - Match loading screen to server website/Discord colors
- Screenshot Showcase - Use in-game screenshots to show server features
- Partner Logos - Display sponsor or partner server logos
- Social Presence - Direct players to Discord, TikTok, YouTube channels
Why Server Owners Choose DebuX
Your loading screen is the first thing every player sees - make it professional. A polished loading screen immediately signals that your server is legitimate, well-maintained, and worth investing time in. DebuX eliminates the awkward default FiveM loading screen and replaces it with a branded experience that communicates your server's identity. The ability to display rules during loading reduces rule-break reports, and social links drive Discord joins and community engagement.
Configuration Examples
The config.lua file uses simple Lua tables for easy customization:
- Server Info: Name, description, player count API endpoint
- Rules Array: List of server rules displayed in rotation
- Social Links: Discord, website, donation page URLs
- Loading Tips: Helpful gameplay tips shown during loading
- Colors: Primary, secondary, accent colors in hex format
Player Experience Benefits
Loading screens are boring - DebuX makes them informative and engaging. Players read rules, learn about server events, join the Discord, and understand server culture before they even spawn. The rotating loading tips teach new players game mechanics, and the music creates a relaxing atmosphere during what's usually dead time. It's a small quality-of-life improvement that makes a big difference in player retention.
Update & Support
Lifetime updates included with purchase. Regular updates add new layout options, features, and compatibility improvements for new FiveM versions.
