Page Preloader

DESCRIPTION:

A professional, fully customizable page preloader component that elevates your website's first impression. Features smart color transitions where text and icons automatically change color as the progress bar passes underneath them, creating a polished, dynamic loading experience. Choose from multiple reveal animations (fade, wipe up, wipe down), customize every visual detail, and control timing with precision. Perfect for portfolios, agencies, and premium websites that demand attention to detail.

KEY FEATURES

• Smart Color Transitions - Text and icons automatically change color as the progress bar passes underneath them

• Multiple Reveal Styles - Fade, wipe down, or wipe up animations

• Flexible Bar Placement - Position at top or bottom of viewport

• Icon Options - Choose from clock, hourglass, timer, or none

• Customizable Typography - Full control over fonts and text styling

• Progress Percentage Display - Optional percentage counter

• Session Memory - Option to show preloader only once per session

• Performance Optimized - Smooth 60fps animations with RAF

• Grain Texture Overlay - Subtle animated grain for premium feel

• Border Customization - Smart borders that adapt to bar placement

• Editor Preview Control - Disable in editor for easier design work

• Custom Logo Support - Display your brand logo in the center

IMPORTANT: Make the component FIXED positioning