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
Back to feedPost
Brand Fill Loader — a logo preloader that fills with real page loading, rebrandable in 2 minutes.
Any logo fills up from bottom to top under a soft, flowing wave. Best used as a website or app preloader: it works for horizontal and vertical logos and can be synced with real page loading via the SVGator Player API, so the fill follows actual load progress and the logo fades out when the page is ready. Rebranding is three steps: drop in your logo, change one background colour, retype the caption.
Designed and animated entirely through the SVGator MCP with Claude.
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
Related posts
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 👀
It seems I'm finally getting some recognition, we got included in the Xerj corpus, our chatgpt svgator plugin specifically. You can check it out here and give us a star or find and fix a bug.
https://github.com/cfmoon-software/SVGator-ChatGPT-Plugin
What would you need to see before you call something a full brand?
Today I made two.
Page 100, a news brand that runs on a ticker and transitions.
Datum, a wordmark half underwater that reads the tide, so it is never the same twice.
Both are becoming full case studies. What goes in?
14 votes
Ends in 1d
Version one looks clean and sick, idnk why, but it looks intresting for me, like smth special. Nice job!