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
Cup Game Matcha Trail — A reusable product ad template
I built a playful “Guess the Cup” matcha animation in SVGator, where the cups move, the winning drink is revealed, and the motion transitions into a branded product showcase with kinetic typography and a moving line. Designed for food-and-beverage brands, product launches, and social ads, the template lets creators adapt the same animation by replacing the product image, logo, and editable text—the attached proof demonstrates it with a second product.
Template / SVGator project🔗
https://app.svgator.com/editor#/26598329b12b4c54a2c5599bd509ddcb
Adding the proof of reusability 👇
🎬 Original template
🧋 The same animation with a second product, swapped directly in SVGator
🤖 A look at my conversation with Claude using the SVGator MCP in my workflow.
Same animation, different product, with AI-assisted building and editing.
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
WHIP: the hyper-motion ad every product drop deserves
A product launch gets about two seconds in someone’s feed. Most of the work goes into the product, and the ad ends up as a still image with a price on it.
WHIP is built for those two seconds. The headline slams in, the shoe whips across the screen, stat tiles snap into a grid, callouts point at the details, and the whole thing ends on a clean brand card. It’s four scenes, loops in 15 seconds, and holds the same energy from start to finish.
I built it as one SVGator template, then dropped in three brands to show that it adapts without breaking:
👟 VOLTA, a cream court sneaker
🔥 KILN, a black and ember hi-top
🥾 HARROW, a full-grain leather Chelsea boot
The animation is the same every time. To make it yours, retype the text, swap one product image and change four colours. Every layer is named, the motion sits on wrapper groups, and you never touch a keyframe. A new brand takes under a minute.
All artwork was made for this template, the brands are fictional and the fonts are open source (Anton and Archivo), so it’s free to give away.
If you launch products, this one’s for you. What should WHIP sell next? 👇
Template: https://app.svgator.com/editor#/d10eaa341c0b4fcbbcde1d5d8f5f18a3
@SVGatorApp #svgatorchallenge
surely in one of the finest submissions.
Pause this video and scan the code. It works. 📱
Most QR codes on posters and menus get ignored because nothing tells people what to do. So for the @SVGator × @Contra challenge I built SCAN ME, an animated QR template:
✅ A scan line sweeps the code
✅ The frame locks on and a check pops
✅ Every element is named, so you can swap the logo, QR, text and colors in minutes
One template, two brands: a bridal mehndi studio in Lahore and my software house, UI Trax.
The fun part: I built and edited it with @Claude through the SVGator MCP. With one instruction, it updated 17 elements in seconds. Then I edited it myself in the SVGator editor.
Which business should I make one for next? 👇
#svgatorchallenge #SVGator #Contra #MotionDesign #SVGAnimation #QRCode #AIAutomation #ClaudeAI #MCP #UITrax
https://on.contra.com/WFRk6n
A scan line sweeping the code is the kind of motion detail that turns a static QR into a call to action, Mujahid. Named layers so anyone can swap branding in minutes is proper template thinking. Updating 17 elements with one Claude instruction through the MCP sounds like pure magic.
VELOCITY turns a single drop of water into a hero launch for audio products. Built using the SVGator MCP and designing the products manually with Blender, the template pours water onto any headphone image and floods it into shape, because water takes the form of whatever it fills. That fluidity is the point: creators can swap the product render, brand colours and copy while the animation stays the same, making it ideal for product drops, colourway launches and pre-order campaigns.
Water taking the form of whatever it fills is a gorgeous concept for a launch template, Prajin. Pouring water over a headphone image and flooding it into shape is the kind of fluid drama that stops the scroll. Swapping renders while the animation stays the same is clever engineering too.