[Release] TS-Loading - Dynamic & Customizable FiveM Loading Screen
Description
Introducing TS-Loading, a feature-rich and highly customizable loading screen resource for FiveM designed to significantly enhance your server’s player onboarding experience. Beyond standard loading screens, TS-Loading offers dynamic audio visualization, deeply customizable UI themes, and interactive content panels.
Keep your players engaged and informed with real-time updates, server rules, and social media links, all wrapped in a visually stunning and responsive design.
Why I Created This Resource
After a hiatus, the coding bug bit me hard, and I wanted to dive back into something genuinely interesting. Frankly, I grew a bit weary of seeing loading screens that, while sometimes aesthetically pleasing, felt like pure cash grabs—offering basic features with a different skin but the same hefty price tag. It seemed less like innovation and more like a digital yard sale. So, armed with a fresh coffee and a renewed coding spirit, I set out to craft a loading screen that’s not just another pretty face, but a truly dynamic, feature-packed beast that respects your server’s aesthetic (and your wallet’s integrity).
Key Features
- Dynamic Audio Visualizer: Multiple styles (Bars, Ember, Circular, Pulse) reacting in real-time to background music.
- Comprehensive Theme System: Full UI customization with pre-defined colour palettes affecting both interface and visualizer.
- Custom Backgrounds: Set static images or dynamic theme colours that pulsate with audio.
- File-Based Audio Player: Play custom
.mp3tracks with full playback controls (play/pause, skip, volume) and a 5-band equalizer. - Loading Progress: Informative status messages and an animated progress bar.
- Customizable Server Info Panel (Top-Right):
- Togglable visibility via settings.
- Modules: Welcome message, Player Count, Discord Link, Website Link, Custom Text.
- Dynamic Content Panel (Top-Left):
- Togglable visibility via settings.
- Latest Announcements (Discord Integration): Displays recent Discord channel messages, including rich embeds and correctly rendered role mentions.
- Rule Showcase: Organized, expandable accordion format for server rules.
- Social Media Feeds: Links to Discord, Twitter, YouTube, TikTok, Instagram, Twitch, and Kick profiles.
- Persistence: Panel visibility, EQ, and volume settings are saved across sessions.
- External Shutdown: Seamless integration with FiveM’s loading screen shutdown events.
Showcase
Source Code /Download
License
Credits
- Developed by TJB Studios
- Built with HTML, CSS, JavaScript (ES Modules).
- Uses TailwindCSS for utility-first styling.
- Uses Inter font.
| Code is accessible | Yes |
| Subscription-based | No |
| Lines (approximately) | 3009 |
| Requirements | 1 |
| Support | Yes |
