Page cover

loaderTrd_LoadingScreen

Level up your server’s first impression with the TRD Loading Screen — a sleek, customizable, and performance-friendly welcome screen designed to keep players engaged while your server loads.

🎨 Key Features

Glassmorphism UI – Stunning frosted-glass effects for a clean and modern user interface. 🎶 Custom Music Player – Play background music with album art, real-time progress, volume control, and playback buttons. 👥 Team Showcase – Team cards with smart social links that open directly in the browser. 📜 Dynamic Info Panel – A right-side container elegantly displays server Rules, Updates, and Keybinds. 🚀 Real-Time Loading Progress – Progress bar synced with true server loading status via FiveM events. 🎥 Background Customization – Use immersive video or static images to set the mood. 🌐 Social Smart Linking – Clickable icons for GitHub, Twitter, Instagram, and Facebook now open seamlessly in browser tabs. 🖥️ Fully Responsive – Built with TailwindCSS to adapt beautifully to all screen sizes.

🔧 Easy Customization

Everything is controlled via script.js:

  • Welcome message & branding

  • Music file & cover image

  • Team info & social links

  • Background source (video/image)

  • Sidebar content for rules & more

Last updated