This standalone, highly configurable resource is designed to provide a clean and interactive entry point for your FiveM server. It replaces the default loading screen with a dynamic UI that includes a background slideshow, a built-in music player, and a customizable progress bar.
Everything is built to be easily adjusted without needing to touch any HTML or CSS files.
Features:
- Configurable Loading Phases: The loading bar reacts to FiveM's internal loading percentage. You have full control over the displayed text! You can define custom labels in the config that will appear at specific percentages (e.g., show "Loading vehicles..." when reaching 30%, or "Syncing data..." at 45%).
- Integrated Music Player:* Includes a functional music player with a toggle button, a working volume slider, and an animated audio visualizer. Autoplay is supported.
- Background Slideshow: Easily set up multiple background images. The script will smoothly crossfade between them based on your configured interval.
- Custom Cursor: Replaces the standard mouse pointer with a custom dot and a trailing ring effect that reacts to hover events.
- Centralized Configuration: All settings—including colors, fonts, links, custom loading milestones, and image paths—are managed within a single `config.js` file.