💫w_loading

Welcome to the documentation for the FiveM Modern Loading Screen! This project is a fully customizable and stylish solution to improve the loading experience for players joining your FiveM server.

📝 About the Project

The FiveM Modern Loading Screen is designed with:

• Simplicity: Easy-to-configure files for seamless integration.

• Modern Aesthetics: Built using Vue.js and Vuetify for a sleek and professional look.

• Full Customization: Support for backgrounds, music, news, social media, and more.

• Open Source: Free to use and adapt, with contributions welcome.

---

🔧 What Can You Configure?

1. General Settings (Config.json)

• Language selection.

• Colors for main elements, shadows, and loading bar.

• Background options:

  • Image.

  • Local video.

  • YouTube video.

• Logo for the loading avatar.

2. Language Support (Language.json)

• Text for different loading states:

  • Default loading message.

  • Loading map.

  • Loading session.

• Multilingual support with preconfigured languages (English, Spanish, French).

3. Music Player (Music.json)

• Playlist configuration, including:

  • Song title, artist, and album art.

  • Audio file paths.

• Customizable waveform colors.

4. News Section (News.json)

• Add and manage news articles with:

  • Title, content, images, and authors.

  • Customizable colors for titles and author names.

5. Social Media Integration (Socials.json)

• Add links to platforms like Discord, YouTube, Twitch, Instagram, and Twitter.

• Customizable icons using Font Awesome.

6. Team Section (Team.json)

• Showcase your team members with:

  • Names, roles, descriptions, and profile images.

  • Social links for each member.

7. Changelog Section (Updates.json)

• Log updates, bug fixes, and new features with:

  • Titles, descriptions, and dates.

  • Icons and color-coded categories for quick identification.

---

🚀 Getting Started

To learn how to install and customize the loading screen, refer to the detailed sections in this documentation:

• Installation Guide

• Configuration Details

• Customizing the Interface

---

Feel free to explore and adapt the configuration files to suit your server. If you have questions or suggestions, join our community or visit the support forum.

Happy gaming! 🎮