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
Greetings! 💐
Your Product on Cruise: The Shadow Knows
SVGator was new to me, and it felt impossible at first. I had many ideas but I did not know how to exactly make them happen. Then I discovered the SVGator MCP connector. With Claude (free plan) and SVGator, I built everything from scratch over a few days.
I visualised my idea through making a video in AI then worked on, I had many other different ideas & tried like shadow morphing then product dropping down from it, but I wanted to follow guidelines which said it must be easy for one for others to add their own.
Thank you, SVGator, for this opportunity. I learned so much and enjoyed new every step.
Spark curiosity about what your product brings, with one short, memorable call.
One template, many uses:
1) Looping ad: Bright Dawn, Scorching Dusk, Lovely Night.
2) Same sub-brand, a different product each loop (swap 3 transparent PNGs).
3) Same product in a new colour each loop (blue, red, purple sneaker).
4) A different brand’s product, same template.
5) Loader: remove the product, add your logo, and the ship loops as a “sailing, wait...” loader.
6) Your own idea.
How to use:
1) Manual Edit: (the headline, tagline, brand name, logo and CTA) in minutes.
2) Or let the SVGator + Claude MCP connector do it with you.
3) To add an image, go to Library → (+) → add a transparent PNG.
4) The background is locked so you can swap only images and text. Unlock it to edit the design.
Fun facts:
1) Your brand name is on the ship’s hull.
2)Your logo is on the big screen.
Templates:
1) Main Template: Product on Cruise, The Shadow Knows https://app.svgator.com/editor#/02633f8f2bc5489092baeafc533f4edf
2) Working Proof for other Contents: -
Content 2: Sub Brands https://app.svgator.com/editor#/cf60e0c18f6e4236bc0735ef7f0c0c91
Content 3: Infinite Loader https://app.svgator.com/editor#/bafa5b7149cc4bfa917bee50bc34e750
Post:
1) LinkedIn:
2) X:
Your brand setting sail. Three moods. One voyage. Your product in every light!
Thank you for your time!
@SVGatorApp #svgatorchallenge
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
Event Ticket: Animated SVG Template
I wanted a ticket that feels like something you’d actually want to receive. It slides in, the stub tears off, and the QR code pops up, ready to scan.
You can swap the photo, the text and the QR code in a few clicks, so the same template works for a concert, a ceramics class or your next workshop. Every layer is named, so you won’t have to dig.
Here it is with two exemple of events: a live show in Austin and a pottery morning in Portland. The animation stays the same, only the details/picture change.
Call to Booked: the after-hours ad for anyone who books by phone.
Every missed call is a lost job. I went through the SVGator gallery and found plenty of product launches, but nothing a plumber whose phone rings at 2am could run. So I built a 12 second, 4:5 ad: an after-hours call is answered, becomes a three-line chat, and lands as a booked appointment by morning.
What makes it a template
• One line carries the ad: "Leak at midnight?", "Toothache at 2am?", "Power out at 3am?"
• Real editable text, every layer named (headline, logo, caller-message, booked-slot)
• One brand-color layer recolours the scene; the night tint, daylight and stars adapt
• Logo and service photo are their own image slots
• A how-to-rebrand card sits right beside the canvas
Six brands, one template, zero keyframes touched. I packaged the rebrand as a Claude skill that drives the SVGator MCP: a short brand kit goes in, every line is measured in the real font so nothing overflows, the chat bubbles resize to fit, and a new editable SVGator project comes out.
Try it live, rebrand it in your browser, then press Answer: https://domsere-elite.github.io/call-to-booked/
Template in SVGator: https://app.svgator.com/editor#/a3fb0943cb3d4a9cb757063330498834
Great idea and really nice execution! Best of luck!
The Drop Machine — one launch template, two brands
Your next big thing, freshly dispensed: The Drop Machine is a reusable launch animation for product drops, workshops, events, and creative releases. Built with SVGator MCP, it combines editable text, named layers, replaceable artwork, and a playful 10-second loop. The proof video shows a sneaker launch followed by a workshop remix using the same animation with different artwork, copy, and colors.
Gets better every time I see it, Arjun. So clean and so well put together 🤟 Hoping this is your lucky drop!