[PREVIEW]
https://www.youtube.com/watch?v=Xstp1sV7-wk
[DESCRIPTION]
The most powerful and flexible loading screen creator for FiveM. Build stunning, professional loading screens in minutes using a visual drag & drop editor β no coding required. Choose from 13+ ready-made templates or start from scratch with 40+ components. Fully standalone, works with any framework.
[EDITOR FEATURES]
π±οΈ Visual Drag & Drop Canvas β 1920x1080 reference canvas with snap-to-grid, resize handles, and layer ordering.
π§© 40+ Components β Music players, navigation bars, tab panels, text blocks, containers, images, progress bars, visual effects, and more.
π¨ 13+ Pre-Built Templates β Dark, neon, minimal, modern, seasonal, and roleplay themes ready to use and customize.
ποΈ Real-Time Preview β See your changes instantly as you build.
π± Responsive β Automatic compact breakpoint (1280x720) calculated from your desktop layout.
[MUSIC PLAYERS]
π΅ 6 Unique Player Styles:
Glass Player β Large frosted glass design with album art.
Box Player β Compact corner card with controls.
Horizontal Bar β Sleek bottom bar spanning full width.
Neon Player β Cyberpunk-themed with glow effects.
Compact Player β Small circular floating player.
Minimal Player β Medium-sized clean design.
All players support YouTube, direct MP3/audio URLs, and customizable colors.
[INTERACTIVE COMPONENTS]
ποΈ Navigation Bars β Horizontal tab navigation with radio or toggle behavior.
π Tabbed Panels β Self-contained panels with multiple tabs for organizing content.
πͺ Modal Overlays β Fullscreen frosted glass panels triggered by navigation.
π Toggle Toolbars β Icon-based toggle buttons with variable emission for visibility rules.
ποΈ Visibility System β Show/hide any component based on which tab or button is active.
[CONTENT COMPONENTS]
π Rich Text Blocks β Heading, subtitle, and body text with full style control.
π¦ Flex Containers β Glass, solid, or gradient cards/boxes for grouping content.
π Server Rules Display β Formatted rules cards with numbering and icons.
π₯ Staff Showcase β Display your team with avatars, names, and roles.
π Social Links β Discord, YouTube, TikTok, Twitter, Instagram, and more.
πΌοΈ Image Support β Upload custom images or use URLs. Parallax mouse-reactive images available.
π¬ Background Slideshows β Full-screen rotating images or videos with transition effects.
[VISUAL EFFECTS & PROGRESS]
β¨ Particle Effects β Floating particles, glow overlays, and animated tickers.
π― Decorative Elements β Dividers, bars, and accent blocks for polish.
π Progress Bars β Basic progress bar and pill-badge style with spinner animation.
[SHARED CONTENT SYSTEM]
π Edit Once, Update Everywhere β Set your server name, logo, description, and social links in one place. Every component that uses shared content updates automatically across all your screens.
[TECHNICAL]
π§ Fully Standalone β No framework dependency. Works with QBCore, ESX, or any setup.
πΎ Save & Realtime Showβ All designs saved server-side in data.json.
πΌοΈ Image Upload β Upload images directly through the editor, stored in the images/ folder.
π Escrow-Friendly β Your data.json, design files, shared content, and uploaded images are NOT encrypted. Your designs are always yours.
β‘ Optimized β Lightweight UI build, minimal resource usage.
[INSTALLATION]
1. Extract to your resources folder
2. Add "ensure feron_loadingScreenCreator" to server.cfg
3. Restart server and join
4. Use /screen-creator command to open the editor
5. Drag, customize, save β done!