[Release] LinxLoading V3 Standalone - Simple, but nice looking loadscreen

FiveM Releases
, ,
1

LinxLoadingscreen V3 Release

A free, open-source loading screen with a sleek layout and enhanced functionality. Building on the success of V1 and V2, this latest version brings new features and customization options.

image
image1920×1080 136 KB

Features

  • Dynamic background image rotation
  • Custom loading messages
  • Audio support
  • Customizable logo
  • Intentional load delay for smooth transitions

Customization Guide

Changing the Audio

  1. Navigate to html/index.html
  2. Find line 311: myAudio.src = "EDITME";
  3. Replace EDITME with your MP3 URL:
myAudio.src = "https://example.com/your-audio.mp3";

Updating the Logo

Simply replace the logo file in the HTML folder with your own PNG file.

Modifying Background Images

  1. Open html/index.html
  2. Find line 167
  3. Edit the images array with your desired URLs:
const images = [
    "https://your-image-1.jpg",
    "https://your-image-2.jpg",
    // Add more images as needed
];

Customizing Loading Messages

  1. Locate line 184
  2. Modify the customStages array:
const customStages = [
    { text: "Your custom message here...", duration: 2000 },
    { text: "Another message...", duration: 1500 },
    // Add more stages as needed
];

Duration is in milliseconds.

Note

The loading screen includes an intentional delay for smooth transitions. Advanced users can adjust this in the script.

Contributing

We welcome pull requests for bug fixes and improvements!

Free download available at:

6 Likes
2

The colors can also be changed from the index.html file line 82.

        .progress {
            width: 0%;
            height: 100%;
            background: linear-gradient(90deg, #3498db, #2ecc71);
            border-radius: 4px;
            transition: width 0.3s ease;
        }

Change the Linear-gradient to something else to get those results right now it looks a bit like @tabarra 's TxAdmin main ui color which was 100% unintentional but looks sexy!.

3

I do like the colors.
But I recommend adding a MIT license to your repo, otherwise it is not really open source.
Or if you do not want anyone reselling your stuff, you can go with a source-available license like NFRL.

1 Like
4

Oh u know what! Ur 100% right ill update it in a little bit, thanks for the reminder :heart:

5

So, I’m a little confused on how to get the music to work, I try different kinds of uploaders and changing the URL to a .mp3 but the music doesn’t play.

6

Hi there vikings!

For example, you can change the url to something like this;

that would make the url become ;

myAudio.src = “https://lscnr.net/assets/intro2.mp3”;

7

I have went through almost everything I know how to and still cant find a way to change the url to something like what you have done. Got any extra help or information?