Animated preload — Cinematic animated Screen preload

A fully customizable preload animation designed to create a polished and immersive first impression. On page load, the brand logo and loading percentage appear centered on the screen in a clean, minimal layout. After a brief moment, both elements smoothly separate through space as the loading progress accelerates toward 100% before seamlessly fading into the main website experience.

Customization

Logo customization

• Upload and replace the preload logo with your own brand asset

• Supports custom brand marks, symbols, and typography logos

• Adjust the spacing between the logo and loading percentage

Loading direction

• Choose between horizontal or vertical loading layouts

• Easily adapt the animation flow to match your website style

• Create different visual compositions with flexible alignment options

Text styling

• Customize the loading percentage typography

• Adjust the font style to match your brand identity

• Perfect for minimal, editorial, or futuristic interfaces

Animation settings

• Control the overall preload duration

• Fine-tune the timing of the split animation and fade transition

• Create faster or more cinematic loading experiences depending on your design preference