━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DARKSIDE DEVELOPMENT — Premium FiveM Loading Screen v2 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

A fully-configurable, glassmorphism loading screen with an animated particle canvas background, built-in music player, dynamic server rules and updates panel — and zero coding required to set up.

Check the preview video above to see it in action before purchasing.

──────────────────────────────────────────────────────── FEATURES ────────────────────────────────────────────────────────

▸ Futuristic Glassmorphism UI Dark panels with backdrop-blur, glowing electric-blue borders, scanline overlays and corner decorators for a premium cyberpunk feel.

▸ Animated Particle Canvas Background 60+ neon-blue particles that drift and connect with glowing lines. Hardware-accelerated, capped at 30 fps — zero impact on game load times.

▸ Smart Loading Bar with Native FiveM Events Reacts to real FiveM loading events (INIT_CORE, INIT_SESSION, loadFraction, DL_TXT and more). Falls back to a smooth animated simulation when tested outside FiveM — the bar never looks frozen.

▸ Built-in Music Player Play/Pause, Prev/Next, click-to-seek progress bar and volume slider. Auto-starts on load. Supports an unlimited number of .ogg tracks.

▸ Video Panel Background Drop any local .mp4 or .webm file into the /videos folder. Plays muted and looped behind a configurable blue tint overlay. (Note: YouTube is blocked by FiveM's browser — local files only.)

▸ Dynamic Server Rules Panel Numbered list fully driven by config.js. Add, remove or reorder rules without touching a single line of HTML.

▸ Latest Updates Panel Badged update cards (NEW / HOT / FIX) with date, title and description — all configured from one file.

▸ One-File Configuration Every text, colour, track and setting lives in config.js. Buyers never need to open index.html, style.css or any other file.

▸ Ultrawide and 4K Ready Tested at 1080p, 1440p, 3440x1440 ultrawide and 4K. Uses CSS clamp() throughout — never stretches or overflows.

▸ QBCore, ESX and Standalone Compatible Works with any framework out of the box. Optional manual shutdown hook for player-spawned events included.

──────────────────────────────────────────────────────── TECHNICAL SPECS ────────────────────────────────────────────────────────

FiveM API — NUI loading screen (loadscreen manifest directive) NUI Events — loadFraction, startInitFunction, initFunctionInvoked, onConnectionProgress, DL_TXT, loadingScreenReady Performance — Canvas capped at 30 fps, batched draw calls, pauses automatically when the window is hidden Audio Format — .ogg (Vorbis) — recommended for FiveM NUI Video Format — .mp4 (H.264) or .webm (VP9), local files only Resolutions Tested — 1280x720, 1920x1080, 2560x1440, 3440x1440 ultrawide, 3840x2160 Dependencies — None. Vanilla HTML/CSS/JS, no npm, no build step.

──────────────────────────────────────────────────────── WHAT'S INCLUDED ────────────────────────────────────────────────────────

✓ fxmanifest.lua — Ready-to-use FiveM resource manifest ✓ config.js — The only file buyers ever need to edit ✓ index.html — Full UI layout and structure ✓ style.css — Complete glassmorphism design system ✓ script.js — All logic: loading bar, music player, NUI events ✓ background.js — High-performance particle canvas animation ✓ /music — Drop your .ogg music tracks here ✓ /videos — Drop your .mp4 background video here ✓ README.md — Full setup and configuration documentation

──────────────────────────────────────────────────────── INSTALLATION — 3 STEPS ────────────────────────────────────────────────────────

1. Drop the darkside_loadingv2 folder into your server's resources/ directory.
2. Add ensure darkside_loadingv2 to your server.cfg, before your framework resource.
3. Open config.js and fill in your server name, rules, updates, music tracks and video. Done.

──────────────────────────────────────────────────────── FAQ ────────────────────────────────────────────────────────

Q: Can I use a YouTube video as the background? A: No. FiveM's embedded browser (CEF) blocks all external iframes, including YouTube. Use a free local .mp4 from Pexels or Pixabay.

Q: Does it work with QBCore / ESX / standalone? A: Yes — fully framework-agnostic. An optional manual shutdown hook for player-spawned events is documented in the included README.

Q: How many music tracks can I add? A: Unlimited. Add as many .ogg files as you want to /music and register them in config.js. They cycle automatically.

Q: Can I change the accent colour? A: Yes. One CSS variable change in style.css updates the entire UI. Fully documented in the README.

Q: Is this licence for one server? A: Yes. Each purchase is a single-server licence. Redistribution or resale of source files is strictly prohibited.

────────────────────────────────────────────────────────

Questions before purchasing? Open a ticket on our Discord or message us directly through Tebex. We're happy to help.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━