nyrox01
Silver Elite
- Joined
- Dec 14, 2025
- Messages
- 27
- Reaction score
- 87
- Points
- 126
- Location
- Morocco
- Website
- roxdev.tebex.io
This resource is FULLY OPEN SOURCE, with all configuration done directly in the index.html file for maximum flexibility.
Features
Modern Interface
- Gradient-based modern UI with smooth animations
- Animated grid background with floating particles
- Real-time loading progress bar with status updates
- Dynamic scanline effects on panel cards
- Responsive hover effects and transitions
- Video background support with fallback image
Content Sections (6 Customizable Panels)
- Welcome Panel - Custom welcome message for your server
- Team Showcase - Display your staff/development team
- Keybinds Display - Show important server controls
- Server Stats - Players, uptime, jobs, and vehicles count
- Latest News - Highlight server updates and announcements
- Music Control - Built-in background music player with toggle
Customization System
- Theme Colors - Full RGB color customization (examples: Red, Green, Blue, Purple, Cyan, Orange)
- Toggle Visibility - Enable/disable any section individually
- Server Branding - Custom server name, type (PVP/RP/Custom), and tagline
- Social Links - Discord and Website buttons with click-to-copy functionality
- Content Management - Edit news, keybinds, team members, and stats
Technical Features
- Responsive to FiveM loading events (functions, data files, map loading)
- Simulated loading progress for demo/preview mode
- Video playback control with specific start time
- Background music autoplay with volume control
- Clipboard API fallback for link copying
- Clean, organized code structure
Configuration (FULL ACCESS)
All customization is done via the CONFIG object inside index.html, which is fully editable.Configurable Options Include:
- Theme color (RGB values)
- Show/hide individual sections
- Server name and type
- Custom welcome message
- Discord invite link
- Website URL
- Enable/disable buttons individually
- Server statistics (players, uptime, jobs, cars)
- Latest news items (date + text)
- Keybind list (key + action)
- Team member names
- Background video file
- Fallback background image
- Background music file
- Music control visibility
What You're Getting
Modern animated loading screen
Fully open source code
Easy configuration via HTML file
6 customizable content panels
Theme color system
Music player with controls
Social media buttons
Responsive loading progress
All animations and effects included
Clean, commented code
Installation
- Extract the qb-loading folder into your server's resources directory
- Open html/index.html and find the CONFIG object (around line 690)
- Edit all values to match your server:
- Server name, type, and welcome message
- Theme color (RGB values)
- Discord/Website links
- News, keybinds, team members, and stats
- Add your media files to the html/ folder:
- background.mp4 (video)
- background.mp3 (music)
- Add ensure qb-loading to your server.cfg
- Restart your server
Customization Example
// Find this in index.html around line 690
const CONFIG = {
themeColor: 'rgb(255, 68, 68)', // Red theme
serverName: 'YOUR SERVER',
serverType: 'PVP', // or 'RP', 'BETA', etc.
welcomeMessage: 'Welcome to the best FiveM experience!',
discord: {
enabled: true,
link: 'https://discord.gg/your-invite'
},
news: [
{ date: 'DEC 27, 2024', text: 'Server launch!' }
],
// ... and much more!
};
Why Choose RD Loading Screen?
Hidden link for visitors, to see
Log in or register now.
(For only $11.99 you're getting premium features at a crazy low price)