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
Every product ships a loader and every loader gets rebuilt from scratch. Brand Loader is a 600x600 template with named layers and live text, so a team drops in its logo image, retypes one line and changes three colours, and the whole 2.4 s sequence (ring draw with a spark, percent counter synced to the ring, staggered dots, and a ripple plus checkmark at 100%) keeps working. It is best for app launch screens, onboarding and checkout waits; I built it through the SVGator MCP and used the same MCP to spin out three brand variants, including a light cafe one.
The step-by-step swap filmed in the editor is such a nice way to show it off. Anyone watching knows exactly how to make it theirs 💜 Good to see you here too Aleksandr, good luck!
Syncing the percent counter to the ring draw is a nice touch, most loaders fake that. And "every loader gets rebuilt from scratch" is very true, this is a template teams would actually reuse.
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
Challenges
View all
Related posts
Floating Ghost Loader — started as black void (like Rive ghost disappearing at 880 / -800). Fixed Position to 80x60 with 3 diamonds at 0s / 1s / 2s (60 → 40 → 60) for smooth float. Noitaillion Oculus meets Black Eagle Industries — Cape Town family rising. Built as 2s loop, 30fps Highest quality for CLI loader. SVGator Timeline: blue bar trimmed from 15s dead time to 2s.
A ghost loader for Halloween season, love it 💜 Thanks for joining Angus, good luck!
This is a highly reusable logo reveal template designed for modern brands. Anyone can easily edit the text layers and swap the logo in seconds without breaking the fluid drop animation.
BREAK GLASS — an "In case of ___" ad template. Every product is somebody's emergency.
Retype the emergency (IN CASE OF MONDAY, HEARTBREAK, DEADLINE), drop a product PNG and a logo behind the glass, pick three colours and ship an 8-second 4:5 loop. Best for problem-to-solution social ads: launches, seasonal promos and "we've got you" campaigns for any brand. The same file also works as a click-to-break web widget.
Built end-to-end with the SVGator MCP: the glass fracture, ballistic shards with slow motion, ball-chain physics and the magnetic rewind that makes the loop seamless are computed in Python and authored straight into SVGator as 2,382 editable keyframes, verified frame by frame against SVGator's own export. Everything stays a real layer: live text, named elements (headline, product-image, logo, cta, tagline) and three colour fills (brand-color, interior-color, wall-color).
Project link (the form only accepts /editor/, which 404s, so here is the working one): https://app.svgator.com/editor#/46fd9b26049d4e929f81eb3404da8896 · Portfolio: theoddity.es
Okay, "In case of heartbreak" with chocolate behind the glass got me. Easily my favourite so far 💜 Such a simple idea and it works for literally any product. Thanks for joining, good luck!