KineticHub Page Loader – Preloader & Branded Loading Screen

KineticHub Page Loader is a customizable WordPress preloader and page loader for creating branded loading screens while a page finishes rendering. Add your logo, choose a loading animation, configure progress and transitions, and preview the result directly from the WordPress admin.

It is designed for branding and perceived presentation, not for pretending to make a website load faster. The plugin does not improve server response time or actual page speed; it gives visitors a polished visual experience while the page becomes ready.

KineticHub Page Loader is built with CSS-first animations and vanilla JavaScript, with no jQuery, external fonts, CDN assets, or frontend remote requests.

Smart loading experiences

• Smart Anti-Flash – an optional reveal delay so the loader does not flash on very fast page loads.
• KineticPower motion profiles – Ultra Minimal, Calm, Balanced, Dynamic, and Signature Glow, layered over the preset you choose.
• Seven visual presets – Minimal Pulse, Logo Fade, Gradient Sweep, Soft Orb, Progress Bar Minimal, Circular Brand Ring, and Logo Color Reveal.
• Live Preview – the settings screen renders your loading screen in real time as you change options.

Branding and logo effects

Upload a custom logo from the WordPress Media Library, or fall back to short text that defaults to your site name. An optional tagline sits below, with its own spacing control.

• Logo shapes: original, rounded, or circle
• Loading rings around the logo: solid, dashed, dual, or glow, with color, thickness and speed
• Logo reveal effects: Fade, Grayscale to Color, Soft Scale, Soft Shine Sweep, Zoom Bloom, and Mask Reveal
• Background, accent, text, and optional gradient colors

Progress, transitions and page reveal

Smart Progress adds a progress indicator in one of six styles: None, Top Bar, Bottom Line, Logo Ring, Center Glow Line, or Minimal Percentage.

Progress is simulated visual progress – a timed animation that conveys activity, not a measurement of actual network or download progress.

• Exit transitions: Fade, Slide Up, Blur Lift, Split Curtain, Circle Reveal
• Page Reveal for the handoff into your page: None, Soft Fade, Blur to Sharp, Lift In, Gentle Scale
• Cover modes: Solid, Soft Overlay, Blur Page, Glass
• An optional completion pulse, rotating loading messages, and one-click timing presets

Display rules and compatibility

Show the page loader site-wide or on the homepage only, to everyone or to visitors only, on every load, once per session, or once per day. Exclude specific post/page IDs and URL paths, optionally exclude the WooCommerce cart, checkout and account pages, and toggle desktop and mobile visibility independently.

The loader is output through standard WordPress frontend hooks (wp_body_open, with a wp_footer fallback), so it works with classic themes, block themes, and page builders that render normal frontend pages. Session and daily frequency are tracked in the browser, so pages stay cacheable alongside caching and performance plugins, and the loader includes failsafe handling for setups that delay frontend JavaScript.

Lightweight and accessible

• Vanilla JavaScript, no jQuery, no frontend remote requests
• Minified production CSS and JavaScript
• Respects prefers-reduced-motion by collapsing animations to an instant transition
• An aria-hidden visual overlay with no focus trap, so keyboard focus stays on the page below
• The loader element is removed from the DOM once it has hidden
• A noscript fallback hides the loader for visitors with JavaScript disabled
• A bounded maximum timeout ensures the loading screen goes away even if a resource never loads