Framer Preloader — Animated Loading Screen
Create a polished website loading experience with a customizable Framer preloader. Display a smooth 0–100% loading counter, add your own logo, customize colors and typography, then automatically transition the loader away with a smooth upward slide animation.
Live Preview: https://preloaderwithlogo.framer.ai/
Gumroad Link: https://rohitanand.gumroad.com/l/akwclf?wanted=true
Smooth 0–100% loading animation
Adjustable loading duration
Custom logo upload
Adjustable logo size
Show/hide percentage counter
Custom percentage size and color
Custom background color
Custom progress bar color
Adjustable font weight
Smooth upward exit animation
Adjustable exit animation duration
Adjustable exit distance
Fully responsive
No external libraries required
Easy to customize directly from Framer
Use it for portfolios, agency websites, creative studios, SaaS websites, personal websites, and premium landing pages where you want a strong first impression.
The preloader starts at 0%, smoothly counts to 100%, pauses briefly, then slides upward to reveal the website underneath.
Everything can be customized through Framer's property panel without touching the code.
