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 👀
