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
Animated Testimonial Card — reskin it for any brand in 5 minutes
Social proof is one of the few things every brand actually needs, so I built a testimonial card that drops straight into a landing page or a social post and takes about five minutes to make your own.
What makes it a real template, not just a nice animation:
Quote, name and role are live editable text, nothing outlined
Every layer is named (card, quote-mark, quote-text, accent-bar, avatar, avatar-ring, name-text, role-text, star-1 to star-5), no "Group 47" hunting
The avatar is a replaceable image, swap in any customer photo
One accent colour drives the look. Change it and the card is on-brand. The second image shows the same template reskinned for four different brands, each with its own quote, name, photo and colour.
The motion stays calm on purpose: the card settles in, the quote rises, the accent line draws, the avatar ring breathes once, and the rating pops in one star at a time before it holds. It's built to sit on a real site and still feel good on the hundredth view.
How I built it: I designed this through SVGator's MCP, directing the layout, palette and every easing curve in plain language while the assistant created, edited and exported the project directly in SVGator. The three extra brand versions were made by duplicating the template and swapping only the text, the photo and one accent colour. That took it from concept to a named-layer, fully editable template without hand-placing a single keyframe.
Exports as animated SVG, Lottie, MP4 or GIF.
The same template, reskinned for three other brands (each opens in SVGator):
Northfield Coffee (blue): https://app.svgator.com/editor#/88ff2a9a25ea4536b95de4239c577fad
Fern & Field Studio (green): https://app.svgator.com/editor#/848bd8c033ea41ba8f9a03e6bf37db12
Halden Skincare (plum): https://app.svgator.com/editor#/d9c193cd7bee4714b8ddb15a1192e784
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
I built a clean, split-screen video ad template best used for luxury e-commerce products like perfumes or cosmetics. It allows brands to instantly swap in their own product image, update the bold headline, and change the brand colors to generate a polished promotional video in minutes
Best of luck for your submission.
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!
FrameShift — One template. Two brands.
FrameShift is an editable product-launch animation for skincare, food, drinks and other consumer brands. Replace the separate logo and product-image layers, retype the headline and CTA, and restyle the colours while keeping the same 8-second motion. The walkthrough shows the same native SVGator template rebranded from COVE skincare to ROAM cold brew, with original artwork and unchanged keyframes.
Built, duplicated and rebranded using SVGator’s official MCP, then checked in the editor. Real editable text, 27 named elements, separate replaceable images, and Manrope under the SIL Open Font License.
Second brand version: https://app.svgator.com/editor#/7dba9dafc0344b9197179e3fe6ad3bd0
Direct SVGator share links for the judges:
COVE template: https://app.svgator.com/editor#/393989f4bb3a4fb29a2be1242e6b9113
ROAM content swap: https://app.svgator.com/editor#/7dba9dafc0344b9197179e3fe6ad3bd0
These are the exact URLs generated by SVGator’s Copy link button. The...