PreloadX – Custom Preloader

⚡ Key Features & Capabilities

• Responsive Sizing (% and px) : Seamlessly toggle between Responsive Percentage ( 10% - 200% ) for automatic scaling across all screen sizes, and Fixed Pixels ( 20px - 400px+ ) for exact branding measurements.
• Corner Radius Control : Fine-tune the corner softness ( 0px - 40px ) for square, cube, equalizer, progress bar, and custom image loaders.
• Typography Scaling : Direct slider control ( 12px - 48px ) over typography sizes for Text Reveal and Progress Bar loaders.
• Custom Color & Background Options : Solid Color : Pick any background color using the native color picker.
• Gradient Background : Enter any valid CSS linear or radial gradient for modern aesthetics.
• Background Image : Set any image URL for full-screen cover loading backgrounds.
• Preloader Accent Color : Live color picker to adapt foreground animations to your brand.

Advanced Display Rules :

• Hide on Mobile : Automatically disable the preloader on mobile devices ( wp_is_mobile() ) to ensure instantaneous mobile performance.
• Show Only on Homepage : Restrict the preloader strictly to your site’s front page/home page, keeping subsequent internal page clicks instant.

Cinematic Exit Animations : Choose how the loading screen transitions out when the page finishes loading:

• Fade Out (smooth opacity dissolve)
• Slide Up (curtain lifts upward)
• Split (horizontal center-split reveal)
• Diagonal Wipe (cinematic angled wipe transition)
• Scale Out (modern zoom-in fade transition)

Minimum Load Time : Guarantee the preloader displays for at least a specified duration (e.g., 500ms, 1000ms) to avoid jarring screen flashes on fast connections. Fallback Close Button : Optional dismiss button so visitors can close the preloader manually if a third-party asset hangs. Modern Full-Width Dashboard : Clean, card-clickable selection interface with real-time live preview and zero radio-button clutter. Zero External Dependencies : 100% self-contained pure CSS and Vanilla JavaScript (No jQuery dependency on public pages). Compatible with All WordPress Themes : Works with classic themes, block themes, and major page builders (Elementor, Divi, Beaver Builder, etc.).