Kray Scripts - Loading Screen V1

Transform your players first impression with this stunning, feature-rich loading screen. Featuring dynamic backgrounds, music player, staff showcase, and complete customization control.

Screenshots:

Snow Effect:

YouTube Preview: https://www.youtube.com/watch?v=Rsb0UqE_Q14
Purchase it here: https://kray-scripts.tebex.io/package/7095522
Join our Discord server: here

Resource Price: $4.99
(Available on Tebex)

:sparkles: Core Features

Dynamic Video Background

  • MP4 video support with seamless looping
  • YouTube video integration option
  • Auto-play functionality with fallback
  • Smooth overlay effects
  • Full HD quality support (1080p)

Interactive Music Player

  • Multi-track playlist system
  • Play, pause, skip controls
  • Previous/Next track navigation
  • Volume control with mute toggle
  • Auto-play on load
  • Track info display (title & artist)
  • Customizable track list

Staff Team Showcase

  • Dynamic staff member cards
  • Avatar display with fallback placeholders
  • Role and name presentation
  • Hover animations
  • Customizable staff list
  • Professional layout design

Live Updates Feed

  • Server news and announcements
  • Date-stamped update cards
  • Title and description support
  • Scrollable update list
  • Professional formatting
  • Easy content management

:art: Visual Features

Modern UI Design

  • Clean, professional interface
  • Glassmorphism effects
  • Smooth animations throughout
  • Color-coded elements
  • Responsive layout
  • Mobile-friendly design

Custom Branding

  • Server logo display
  • Server name with tagline
  • Customizable welcome message
  • Social media integration
  • Discord button link
  • Full color theme control

Advanced Loading System

  • Real-time progress bar
  • Percentage display
  • Dynamic loading text messages
  • Shimmer animation effects
  • Status indicators
  • FiveM build version display

Optional Particle Effects

  • Animated background particles
  • Connected particle network
  • Customizable particle count
  • Performance optimized
  • Toggle on/off capability

Custom Cursor (Optional)

  • Unique branded cursor design
  • Glowing red effect
  • Smooth tracking
  • Professional appearance
  • Easy to disable

:wrench: Extensive Configuration

Complete Feature Control

  • Toggle ANY feature on/off
  • Show/hide logo
  • Show/hide server name
  • Show/hide staff team
  • Show/hide updates section
  • Show/hide music player
  • Show/hide social links
  • Show/hide Discord button
  • Show/hide loading bar
  • Show/hide loading percentage
  • Show/hide loading text
  • Show/hide welcome message
  • Show/hide footer
  • Enable/disable particles
  • Enable/disable snow effect

Theme Customization

  • Primary color control
  • Secondary color control
  • Background color settings
  • Card background opacity
  • Text color customization
  • Accent color options
  • Complete CSS variable system

Loading Bar Settings

  • Custom loading text messages
  • Animation speed control
  • Percentage display toggle
  • Multiple loading states
  • Configurable text array

Music System Configuration

  • Add unlimited tracks
  • Set track titles and artists
  • Define music file paths
  • Enable/disable entire player
  • Auto-play settings

Staff Team Management

  • Add unlimited staff members
  • Set names and roles
  • Custom avatar images
  • Fallback avatar system
  • Display order control

Updates Configuration

  • Add unlimited updates
  • Date formatting
  • Title and description fields
  • Easy content editing
  • Chronological display

:dart: Professional Features

Clean Code Structure

  • Modern JavaScript class system
  • Organized file structure
  • Commented code sections
  • Easy to understand
  • Simple modification process

Asset Management

  • Organized folder structure
  • Multiple music track support
  • Video background folder
  • Staff avatar directory
  • Logo and image assets

Performance Optimized

  • Efficient animation system
  • Smart video loading
  • Minimal resource usage
  • Fast load times
  • Smooth transitions

Cross-Browser Compatible

  • Works on all modern browsers
  • Fallback systems included
  • Error handling
  • Console logging
  • Debug friendly

:clipboard: Requirements

  • FiveM Server
  • Basic HTML/CSS knowledge for customization
  • MP4 video file (optional)
  • MP3 music files (optional)
  • PNG images for logo and staff

Integration

  • Loadscreen manual shutdown enabled
  • NUI resource path system
  • Font Awesome 6.4.0 included
  • Google Fonts (Poppins) integrated
  • No additional dependencies required

:rocket: Easy Installation

  1. Download and extract to your resources folder
  2. Add ensure kray_loadscreen to server.cfg
  3. Customize config.js with your server details
  4. Add your logo, staff avatars, and background video
  5. Add your music tracks (optional)
  6. Restart server and enjoy!

:gem: Why Choose This Script?

  • Professional Appearance: Make an unforgettable first impression with modern design and smooth animations
  • Fully Customizable: Control every aspect through simple configuration - no coding required for basic changes
  • Feature Rich: Music player, staff showcase, updates feed, and more - everything you need in one package
  • Performance Optimized: Lightweight and fast-loading without sacrificing visual quality
  • Easy to Use: Simple configuration file makes customization accessible to everyone
  • Active Support: Discord community included for assistance and updates
  • Regular Updates: Continuous improvements and feature additions

:dart: Perfect For

  • Serious roleplay communities
  • Racing servers
  • Professional gaming communities
  • Servers wanting to stand out
  • Communities with active staff teams
  • Servers with regular updates and announcements

:memo: Customization Examples

  • Change all colors to match your brand
  • Add your own music playlist
  • Showcase your staff team
  • Display server updates and events
  • Link to your Discord community
  • Add your server logo
  • Custom loading messages

|-------------------------------------|-----------------------------|
| Code is accessible | No |
| Subscription-based | No |
| Lines (approximately) | ~750 |
| Requirements | Standalone/None |

Support Yes