Customizable Diagonal Fill Preloader for Framer WebsitesCustomizable Diagonal Fill Preloader for Framer Websites
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
What if the loading screen was part of the experience, rather than just a waiting screen?
I've been experimenting with this idea and came up with Diagonal Fill Preloader — a Framer component built around a custom diagonal reveal animation.
A bold percentage counter, a geometric fill effect, and a smooth transition that slides away to reveal the actual website.
Simple concept, but I really like how much character it can add to a website's first impression.
It's fully customizable, so you can adapt the colors, typography, and animation speed to your own design.
Curious to see how others would use it 👀
Post image
Ergini's avatar
pro
• 1d
the lines filling at different speeds is so good. tied to real load or faked?
Vansita's avatar
Smooth transition!
Shruti's avatar
loading the site in any form of interaction or animation always add extra points
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started