Page Preloader
Create stunning loading experiences with intelligent color transitions and smooth animations.
Made with Workshop
Build your own component with AI
Create stunning loading experiences with intelligent color transitions and smooth animations.
Made with Workshop
Build your own component with AI
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
