Z- Loding Screen

Z- Loding Screen

This item is free.

Add to Basket

✨ A modern, animated and highly customizable loading screen

FiveM NUI Standalone Config

Preview Image

πŸŽ₯ Video Preview


Click here to go to the video


8656c1df926fd5abe118a08002d2f277f6d45713.png



✨ Features

🎯 Core

  • Full Loading Integration – Progress bar.
  • Multi-Tab Layout – Tabs for Team, Rules, and Gallery.
  • Autoplay Music – Toggleable music with animated equalizer.
  • Always-Visible UI Toggle – Hide UI while keeping a floating button to restore.
  • Particles + Parallax – Optional visual depth effects.

πŸ–₯️ UI/UX

  • Clean, responsive design – Looks great on all resolutions.
  • Left Gallery – Grid or auto slider (configurable).
  • Social Buttons – X, TikTok, Discord, Twitch, Instagram.
  • Team Cards – Photos, role, bio and clickable social links.
  • Rules as Cards – Beautiful and easy-to-read rule blocks.
  • Rotating Tips – Helpful tips above the progress bar.

🌈 Theming & Motion

  • 3 Theme Presets – Switch colors with activeStyle.
  • Live Color Variables – Colors applied via CSS variables.
  • Motion Controls – Configure amplitude/speed for logo, name and tabs.
  • Shimmers, floats, whooshes – Many tasteful animations.

πŸ”§ Performance

  • Lightweight – Pure HTML/CSS/JS. No heavy frameworks.
  • Config Flags – Enable/disable particles, parallax, tips, etc.
  • SVG placeholders – Replace with your own media anytime.

βš™οΈ FAST PREVIEW Configuration, complete config file after in files

Edit config.js placed next to index.html. No need to touch code.

// Example of config.js
window.ZLS_CONFIG = {
  styles: {
    style1: { name: 'Color 1', colors: { primary: '#ff4d5a', accent: '#ff385f', panel: '#151923', bg: '#0b0d12' } },
    style2: { name: 'Color 2', colors: { primary: '#2dd4bf', accent: '#38bdf8', panel: '#14202d', bg: '#0b1118' } },
    style3: { name: 'Color 3', colors: { primary: '#a78bfa', accent: '#f472b6', panel: '#1a1528', bg: '#0d0a1a' } }
  },
  activeStyle: 'style1',
  brand: { logo: 'assets/logo.svg', welcomeTag: 'WELCOME TO', serverName: 'Your Server RP' },
  socials: { x: '#', tiktok: '#', discord: '#', twitch: '#', instagram: '#' }
};

πŸ›’ FREE Purchase

Click here to download Z-LoadingScreen on Tebex


πŸ“¦ More Scripts You Might Like


Code accessibleYes (config only, style, assets)
Subscription-basedNo
Approx. lines~500
RequirementsNone
Support includedYes