Installation

Installation

fiveLib Loading Screen is designed to be quick to install and easy to maintain.

Requirements

• FiveM server (latest recommended build)

• No framework dependency (works independently)

Installation Steps

1. Extract the resource into your server’s resources folder

2. Add the resource to your server.cfg:

ensure fiveLib-Loadingscreen

1. Restart the server

That’s it. The loading screen will initialize automatically on next server start.

# Configuration

All customization for the loading screen is handled through a single file:

```text
config.js

No core file edits are required.

Theme & UI

Config.ThemeColor = "#976c00";

Controls the main accent color used across the UI, animations, and highlights.

Social Media

You can configure:

• Discord

• YouTube

• Instagram

Each platform can be enabled or disabled individually.

Staff Display

• Add staff members via config

• Assign roles and avatars

• Staff cards are displayed dynamically

Rules

Server rules can be fully customized and displayed inside the loading screen UI.

Gallery

1. Add images to:

assets/images/servergallery/

1. Update the gallery list in config.js

Music Player

• Add MP3 files to:

assets/songs/mp3/

• Add album artwork to:

assets/songs/AlbumImage/

The music player supports playlists and album covers.

Background Modes

You can choose between:

• Slideshow mode (images)

• Video mode

Slideshow

assets/images/load/

Video

assets/video/videomode.mp4

# Usage

Once installed and configured, the loading screen works automatically.

## Player Controls
Players can interact with the loading screen using keyboard shortcuts:

- **G** — Open Gallery
- **R** — View Server Rules
- **T** — Social Media Panel
- **ESC** — Close current panel

## General Behavior
- Loads automatically when players connect
- Displays progress visually
- Switches seamlessly between UI sections
- No commands required

All interactions are client-side and optimized for smooth performance.