[Free] MG LoadingScreen — Modern & Lightweight Loading Screen | Fully Configurable

Hello everyone! I’m from MG Scripts, I’m new to this, and I’m passionate about making things for FiveM. That’s why I’m happy to share MG LoadingScreen, a lightweight and modern loading screen designed for FiveM servers that value a clean aesthetic and high-quality graphics. It’s completely free and easy to set up.

I’ll be making more cool stuff soon (some paid and some free), so if you’re interested, you can join the Discord server or visit my store. Thanks a lot!

:camera_with_flash: Preview

Showcase

:sparkles: Features

  • Modern Responsive Design: Features a futuristic look with Google’s Rajdhani and Exo 2 fonts.
  • Multimedia Backgrounds: Supports both local video (.mp4) and static images (.jpg, .png).
  • Integrated Audio System: Includes a volume slider, mute switch, and an automatic fade-out effect upon completion of loading.
  • Rotating Dynamic Messages: Easily display server rules, tips, or announcements with custom timings.
  • Real-Time Progress Bar: Fully synchronized with FiveM loading events, such as resource downloads and map loading.
  • Social Media Links: A dedicated section for Discord, YouTube, Twitch, and TikTok with selectable text for easy copying.
  • Customizable Theme: Control everything from config.js, including accent colors, brightness, and text shadows.

:tools: Installation

  1. Download the resource from the link below.
  2. Place the folder in your FiveM resource directory.
  3. Add your media files to the html/assets/img, html/assets/video, and html/assets/audio folders.
  4. Edit config.js as desired.
  5. Add ensure mg_loadingscreen to your server.cfg file.

:link: Download and Links


:bar_chart: Technical Information

Feature Details
Code is accessible Yes (Full source code included)
Subscription-based No (One-time download / Free)
Lines (approximately) ~450 lines (JS, CSS, HTML & Lua)
Requirements None (Standalone)
Support Yes (via Discord)
2 Likes

Fix your youtube link, in the link is “studio” so just replace it with: https://www.youtube.com/watch?v=rs9LGAax2kE

Thank you so much, it’s sorted now!