Harbour Loading

harbour_loading

Premium FiveM Loading Screen Experience

QBox Ready • Cinematic UI • Dynamic Media • Fully Configurable

Overview

harbour_loading is a fully custom cinematic loading screen built for modern FiveM roleplay communities wanting a clean, immersive, and premium first impression.

Designed around a calm “chill-tech” aesthetic, the loading screen combines animated typography, cinematic transitions, dynamic backgrounds, integrated music playback, and personalised welcome systems — all while remaining lightweight and highly configurable.

Whether your community focuses on serious roleplay, economy gameplay, emergency services, or premium QBox experiences, harbour_loading delivers a polished and professional join experience from the very first second.

Features

🎬 Cinematic Background System

Multiple fully configurable background modes allow servers to completely customise the atmosphere of their loading screen.

Supports:

• Rotating image slideshows
• Fullscreen video playback
• Embedded YouTube backgrounds
• Pure CSS gradient backgrounds
• Smooth cinematic crossfades
• Overlay and vignette effects

🎵 Integrated Music System

Create a unique atmosphere for players immediately on connection.

Supports:

• Local .mp3 and .ogg tracks
• Hidden YouTube music embeds
• Playlist looping
• Volume memory per player
• Hover-reveal volume controls
• Keyboard mute toggle support

✨ Interactive Typography Effects

The entire interface is designed to feel alive and responsive.

Features include:

• Large animated tagline system
• Solid-to-outline hover transitions
• Reactive subtitle wave effects
• Smooth fade animations
• Dynamic welcome messaging
• Cinematic text transitions

👋 Personalised Welcome Screen

Once loading completes, players are greeted with a smooth welcome transition displaying:

• Player name
• Server branding
• Custom welcome messaging
• Loading completion transitions
• Dynamic fade-in sequences

📡 Live Server Information

Integrated live information systems allow servers to display:

• Real-time player counts
• Server capacity
• Discord integration
• Community branding
• Dynamic status information

🔔 Premium UI Experience

Small visual details combine to create a polished and modern experience:

• Thin glowing progress bar
• Cinematic overlays
• Background blur support
• Responsive widescreen layouts
• Smooth motion transitions
• Minimal HUD design
• Hover animations
• Discord glow interactions

Technical Details

✅ Fully configurable via config.js
✅ CFX Escrow ready
✅ Automatic media scanning
✅ Dynamic asset loading
✅ Lightweight & optimised
✅ Fullscreen NUI experience
✅ Chromium Embedded Framework optimised
✅ Configurable shutdown system
✅ Error-code debugging system
✅ Open configuration & styling files
✅ Responsive ultra-wide support
✅ Minimal performance impact

Background & Media Support

harbour_loading automatically detects and loads media assets without requiring manual registration.

Supports:

• PNG / JPG image slideshows
• .webm and .mp4 videos
• YouTube embeds
• MP3 / OGG music playback
• SVG / PNG logo support

Simply add media files into the configured folders and the system handles the rest automatically.

Built for Server Branding

The loading screen was designed specifically for communities wanting a highly branded and visually premium experience without requiring advanced web development knowledge.

Everything from:

• Colours
• Typography
• Music
• Backgrounds
• Overlays
• Logos
• Transitions
• Welcome messages
• UI effects

can be customised easily through configuration files.

Included Systems

Player Features

• Cinematic loading experience
• Dynamic music playback
• Interactive UI effects
• Personalised welcome messaging
• Live server information
• Volume management

Server Features

• Dynamic asset system
• Configurable media engine
• Automatic background rotation
• YouTube integration
• Progress tracking
• Discord integration

UI Features

• Cinematic overlays
• Typography animations
• Hover transitions
• Reactive subtitle effects
• Smooth loading transitions
• Fully responsive layouts

Perfect For

• QBox servers
• Serious RP communities
• Economy roleplay servers
• Australian / NZ communities
• Premium whitelisted servers
• Creator-focused servers
• Emergency services roleplay
• Modern cinematic server branding

Requirements

• FiveM Server
• Modern FiveM Build
• Internet connection for CDN-hosted fonts/icons (optional to self-host)

Compatibility

Compatible with:

• QBox
• QBX Core
• Modern FiveM builds
• Chromium Embedded Framework
• YouTube embeds
• Local media playback systems

Designed for modern FiveM roleplay servers.

Active Development

⚡ Status: Active Development

harbour_loading is actively maintained with ongoing:

• Performance optimisations
• UI improvements
• Feature updates
• Compatibility patches
• Additional configuration options
• Visual enhancements

All future updates are included for existing customers.

harbour_loading

Premium FiveM Loading Screen Experience

QBox Ready • Cinematic UI • Dynamic Media • Fully Configurable