FxLoadingScreen - Modern 3D Gallery, Music Player & Team Showcase [Standalone] [v2.0 UPDATE]

FxLoadingScreen - Level Up Your Server’s First Impression :rocket:

FxLoadingScreen is a premium, highly customizable, and modern loading screen designed to give your players the best first impression. With a sleek UI, 3D image gallery, music player, and interactive team showcase, it sets the perfect tone for your server before the player even spawns.

Whether you run a serious RP server or a fun freeroam community, FxLoadingScreen adapts to your style via a simple configuration file.

:camera_flash: Screenshots



:tv: Video Preview

[https://youtu.be/cwB_5AWWzNE] *

:shopping_cart: Purchase

[(https://quickfx.tebex.io/package/7112629)]


:sparkles: Key Features

  • :musical_note: Advanced Music Player: Includes volume controls, shuffle, repeat, and a visualizer-style UI. Players can mute or change volume directly from the loading screen.
  • :framed_picture: 3D Image Gallery: A stunning 3D carousel effect to showcase your server’s vehicles, events, or scenery.
  • :busts_in_silhouette: Team Showcase: Introduce your staff members with a dedicated panel including their roles and social media links.
  • :newspaper: News & Events: Keep your community updated with a rotating news feed (patch notes, events, rules).
  • :keyboard: Keybinds Display: A visual keyboard layout to help new players learn server controls instantly.
  • :art: Highly Customizable: Change colors, images, music, and text easily via the config.js file. No coding knowledge required!
  • :gear: User Settings: Players can customize their viewing experience (animation speed, volume, etc.) which saves locally.

:computer: Configuration

Everything is handled inside config.js. It’s clean and commented.

// Example Configuration Snippet

const teamPanelCards = {
        {
            name: 'Sasindu Pravishka',
            role: 'Lead Developer',
            image: 'image/team_members/member1.jpg',
            category: 'Development Team',
            description: 'Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida.',
           



const socialLinks = {
    facebook: "https://facebook.com",
    discord: "https://discord.gg/HNdUqy6W",
    youtube: "https://youtube.com/your-channel",
    instagram: "https://instagram.com/your-profile"
};
const serverInfo = {
    browserTabTitle: "FXroleplay",
    welcomeMessage: "Welcome to",
    serverName: "FXroleplay",
    serverTagline: "Premium Gaming Experience"
};

const musicPlaylist = [
    "music/Track1.mp3",
    "music/Track2.mp3",
    "music/Track3.mp3"
];`

Other Scripts-QuickFx Advance Notify System[QuickFX - Advanced Notification System [ESX/QBCore/Standalone]]

Field Value
Code is accessible No (Escrowed / Config,mp3,image,Logo Editable)
Subscription-based No
Lines (approximately) ~1800
Requirements Standalone,
Support Yes

2 Likes

:boom:BIG UPDATE v2.0 Custom Background & More! :boom:

What’s New in v2.0:

:sparkles: Advanced Settings Panel: Players can now customize the loading screen directly.
:sparkles:Background Switcher: Choose from multiple background wallpapers.
:sparkles: Particle Effects: Toggle animated background particles on/off.
:sparkles: Relocated Volume Controls: The volume slider has been moved to the center, conveniently placed right next to the music controls for easier access.

:sparkles: Fully Responsive Auto-Scaling: I’ve implemented a smart resizing system. The loading screen now automatically adjusts to fit ANY screen resolution perfectly. Whether you are on a Standard 1080p, Ultra-Wide, or a 4:3 aspect ratio monitor, the UI looks flawless without cutting off any content.

:sparkles: Optimized Performance: Smoother animations and cleaner code structure.