[RELEASE] [FREE] Animated Loading Screen - Customizable & Clean

:cyclone: Animated Loading Screen - Customizable & Clean

:rocket: Clean. Fast. Customizable. Built in 1 day because someone said it “wasn’t that hard.”
Now it’s free — and better than what they paid for.

Backstory

Someone recently reached out to hire me for a loading screen. They sent over a Figma mockup and asked how long it would take. I quoted 3 days.
They replied, “This could be done in a day,” and ghosted after I quoted a fair price.

So… I did it in 1 day anyway — just to prove a point.
This is the result — a fully animated, modern, configurable FiveM loading screen, now open to everyone. :sunglasses:

:sparkles: Features

  • :movie_camera: Video & YouTube Background Support
    Add immersive full-screen visuals with smooth scaling and transitions.
  • :keyboard: Keyboard Overlay
    Show players the most important keybinds with support for LALT, RALT, SPACE, LCTRL, etc.
  • :notes: Music Player
    Audio player with autoplay, volume, skip, and track info.
  • :gear: Easy JSON Config
    No coding needed. Set everything — colors, logo, rules, team, social — through one config file.

:package: How to Use

  1. Download the latest release:
    :link: GitHub Release Page
  2. Drop the folder in your resources/ directory.
  3. Add this to your server.cfg:
ensure gucci_loading
  1. Customize html/config.json as needed.

:framed_picture: Previews

(Live Demo)
https://fivem-loading.vercel.app/

(Customization Documentation)
https://farzama.github.io/fivem-loading-screen-docs/

Screenshot

3 Likes

Nice work :100:


why black ?