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
Worked on this animation in @Rive a while ago.
You can interact with each component by dragging them around the breadboard and they snap to the grid because the legs are supposed to connect to the holes.
It was very challenging to manage the rendering at runtime because the visuals are weighty with lots of feathering but I found better ways to structure things and still keep vector level quality.
Stack:
Assets & components were illustrated in figma
Animation & Databinding for JS. runtime done in Rive
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
The lime against black and grey keeps these components readable. The stacked bar chart is a nice touch. Are the toggles a custom set or built on an existing kit?
⚽ ONE KICK. THREE BRANDS. ONE ANIMATION.
What if one animation could tell three completely different brand stories — without rebuilding it from scratch?
Introducing ONE KICK, my third entry for the SVGator Animation Template Challenge on Contra. 🚀
The idea was simple: Build once. Design to change.
I created a football-inspired animated template that transforms across three distinct brand identities while keeping the same core motion, timing, and animation structure.
🟠 FIZZA — Bright, playful, and full of personality.
🟢 STRYKA — Bold, energetic, and performance-driven.
🔵 MATCHDAY+ — Dynamic, modern, and built for matchday excitement.
What's behind the concept?
One reusable animation system featuring seven scenes, adaptable branding, customizable text, colors, logos, and visual assets — designed to make brand personalization faster and easier.
From the opening kick to the final branded call-to-action, the goal was to show that great motion design doesn't have to be created from zero every time.
Where it shines: Sports campaigns, promotional ads, social media content, product launches, and animated brand storytelling. The template is designed for creators who want polished motion while keeping the freedom to make it their own.
The challenge I set myself: Could one animation feel like it was custom-made for three completely different brands?
The showcase is my answer.
3 BRANDS. 1 TEMPLATE. 0 REDRAWS.
Built with SVGator. Designed for reuse. Made to work again.
Would love to hear which identity you think works best! 👀
@SVGatorApp #svgatorchallenge #SVGator #Contra #DesignChallenge
The animation is so amazing!
Which feels more established to you?
22 voted
30%
52 voted
70%
74 votes
Closed
