Tri-Studios

Tri-Loading (Open Source)

Tri-Loading (Open Source)

$19.99

Add to Basket

๐ŸŽฎ TRI-LOADING โ€” Source Edition

A premium FiveM loading screen โ€” full source access, fork-friendly community license, for developers who want to build on top.

WATCH HERE


What this is

The Source Edition of tri-loading. Same product as our Standard edition โ€” every feature, every panel, every animation. The difference: in this edition the source is fully accessible, you can fork it, modify it, learn from it, and integrate it into your own server architecture however you like.

Released under the Tri Studios Community License โ€” fork-friendly but no-resale. Modify it for your own server, contribute back via PR, but don't strip the branding and re-upload to another marketplace.


Who this is for

  • Server developers / agencies who want to extend the loading screen with custom modals, framework integrations, or in-house branding

  • Studios building their own resources who want a clean reference implementation of dark-glass FiveM NUI, music widget patterns, modal state management, or theme-toggle architecture

  • Self-taught FiveM devs who learn faster by reading source than by reading documentation

  • Anyone who'd rather customise deeply than configure shallowly

If you just want to drop it in your server, swap a logo, and forget โ€” grab the [Standard edition]([INSERT TEBEX-STANDARD URL]) at ยฃ8. Save the ยฃ8.


โœจ Every feature, no gates

๐ŸŽฅ Photo or video background โ€” one config flag switches

๐ŸŽต Music widget with shuffle, crossfade, and keyboard shortcuts โ€” Fisher-Yates shuffle, ~400ms crossfade, scrubable position bar, M / โ† / โ†’ shortcuts.

๐ŸŒ“ Live light/dark theme toggle โ€” Sun/moon button in the top nav.

โŒจ๏ธ 3D SVG keyboard on the Keybinds panel โ€” Two-layer drop shadow, hover-lift, active-press-down, per-binding category colours.

๐ŸŽจ Category colours through every panel โ€” Updates sections, Rules severity chips, Keybinds category dots, Credits role gradients, Settings per-row tones.

๐Ÿ—๏ธ Works on QBox, QBCore, ESX, or standalone โ€” multi-framework client shutdown bridge, no config needed.


๐Ÿ”“ What "source-accessible" actually gets you

  • โœ… Read every line. Every CSS rule, every JS function, every Lua handler โ€” no encryption, no minification.

  • โœ… Fork it. Build derivative loading screens for your own server with full freedom (within the community license).

  • โœ… Learn from it. The code is deliberately readable, with structural comments where logic is non-obvious. Use it as a reference for your own NUI work.

  • โœ… Modify deeply. Add new modals, integrate framework-specific data, build a custom theme system โ€” go further than config.lua allows.

  • โœ… Contribute back. Send a PR via Discord and we'll review. Good contributions ship in future patches with attribution.


โš™๏ธ Same config surface as Standard

config.lua and html/config.js cover every shallow customisation โ€” server name, logo, background, theme default, accent gradient, social URLs, music playlist, Updates / Rules / Keybinds / Credits content, etc. Source Edition buyers get all the same config knobs PLUS direct source access for deeper changes.


๐Ÿš€ Performance

  • Vanilla HTML / CSS / JS โ€” no frameworks, no build step

  • No backdrop-filter โ€” FiveM CEF rule respected

  • No localStorage / sessionStorage

  • No external CDN beyond Google Fonts (Poppins 400โ€“900)

  • All icons inline SVG

  • Modals lazy-render on first open

  • No requestAnimationFrame loops โ€” all motion is CSS keyframes


๐Ÿ”ง Requirements

  • Framework: Standalone โ€” runs before QBox / QBCore / ESX boot

  • Dependencies: None

  • FiveM version: Cerulean (FXServer build 6116+)


๐Ÿ’ฌ Support

Source Edition buyers get priority Discord support โ€” owner-direct, faster ticket queue. Join the Tri Studios Discord.


Back to category