Loading Screen
65+ animation styles for a polished experience
Display a branded loading animation while your status page loads. Choose from over 65 animation styles to match your brand identity.
Clean Build Default: Loading screen is disabled by default. Enable it for a polished loading experience.
Animation Categories
Classic
Spinner, dots, pulse, bars
Modern
Ripple, wave, bounce, fade
Creative
Orbit, clock, progress, grid
Branded
Custom logo animation
Enabling Loading Screen
1
Open Features
Navigate to Admin Panel → Settings → Features
2
Enable Loading
Toggle "Enable Loading Screen" to ON
3
Select Animation
Choose from 65+ animation styles
4
Customize
Set colors, duration, and branding
Popular Animations
- spinner - Rotating circle (default)
- dots - Bouncing dots
- pulse - Pulsing circle
- bars - Animated bars
- ripple - Expanding ripple effect
- wave - Wave animation
- orbit - Orbiting dots
- clock - Spinning clock hand
...and 57 more animation styles available!
Customization Options
- loadingColor - Animation color (uses accent by default)
- loadingDuration - Minimum display time (ms)
- loadingBackground - Background color or blur
- showLogo - Display your logo above animation
Configuration Example
{
"enableLoadingScreen": true,
"loadingAnimation": "ripple",
"loadingColor": "#3b82f6",
"loadingDuration": 500,
"loadingBackground": "blur",
"showLogo": true
}Preview
Use the preview button in the admin panel to test different animations without saving changes.
The loading screen automatically hides once the page content is ready. The minimum duration ensures a smooth transition even on fast connections.