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
App Promotional Template: a plug-and-play launch promo for mobile apps.
A cursor clicks your logo pill, three feature scenes zoom through your app screenshots, and a final showcase fans out eight phones. It's best for App Store previews, launch posts and landing-page hero animations.
Why: most app promos are rebuilt from scratch for every launch. I wanted one animation where you only swap content, never touch keyframes.
Make it yours in ~5 minutes. Search the Layers panel for the tags:
• [TEXT]: app name, 3 feature headlines, 3 tagline lines
• [IMAGE]: 20 screenshot slots (375×812), just "Replace image". Names say where each sits (top-left, showcase-1…8)
• [LOGO]: one image in a fixed frame that fits any logo
• [COLOR]: brand colors, backgrounds and cursor
Phone frames are locked, so a click on a phone selects its screenshot, and every layout and transition is symmetric, so any content stays balanced.
In the demo: the Mbadok food app (sample content from my own UI kit) becomes "Sizzle" in a few clicks, with the same animation.
How I built it: every scene, keyframe, layer name and screenshot upload was generated and edited through the SVGator MCP with Claude, then polished by hand in the editor.
A plug-and-play promo template like this is such a smart submission, Anam. The cursor clicking the logo pill into three zooming feature scenes is a lovely little narrative for an app launch.
Thank you
Swapping content without touching keyframes is a smart setup. Handy template.
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
Use the SVGator MCP to bring creative ideas to life! ✨
This reusable product-showcase template is ideal for e-commerce advertisements, product launches, and social media campaigns across beauty, audio, and sports. Replace the product images and text while keeping the same animation, allowing creators and businesses to adapt one design for multiple products and campaigns.
LinkedIn Link - https://lnkd.in/p/dTJrCkqh
X / Twitter Link -https://x.com/SeemaThorve/status/2111783659300925615/video/1 Instagram Link - https://www.instagram.com/reel/Deom5J_s9W1/?utm_source=ig_web_copy_link&vrfl=MzRlODBiNWFlZA==&srtk=MzRlODBiNWFlZA==
Created by Seema Thorve. 🚀
@SVGatorApp #SVGator #MotionDesign #ProductAnimation #CreativeDesign @Contra #Contra 👍 :💯
Running the same animation across perfume, headphones and running shoes proves the template's range perfectly, Seema. Replace the images and text while keeping the motion is the mark of a truly reusable design. The walkthrough video is a generous bonus for anyone learning the SVGator MCP too.
Proof Pop: one animated testimonial card, two brands.
I built this template for the @SVGator x @Contra template challenge. It’s a testimonial card with a star-scale pop, a sparkle, and a quote reveal, all animated in the SVGator editor.
Version A: SaaS product, dark card, blue accent
Version B: Local bakery, cream card, orange accent
Same template, new content. Swap the text, colors and avatar and it’s ready in seconds.
Feedback is welcome, and I’d love to hear which version you like more.
#SVGator #MotionDesign #Animation #Template #Testimonial #UIAnimation
Star-scale pop with the sparkle and quote reveal makes this template feel alive, Vijay. Dark SaaS card versus cream bakery card is the ideal contrast to show its range. I lean toward the bakery version, the warm cream with orange accent feels so inviting.
Banner Drop Sale — 4:5 Seasonal Sale Launch Ad Template
The Story:
Inspired by a retail "sale is live" banner-drop ad and rebuilt from scratch with original vector art, layout, and story beats, Banner Drop Sale turns a sale launch into a tiny piece of theatre: a crew on ladders counts down and drops a giant banner that crumples to reveal your shop app, slashes every price, then dives into the phone where a deal printer spits out a savings receipt and a 40% OFF sticker slams on with confetti. Swap four product photos, two logos, the banner words, prices, and receipt lines, and it works for Black Friday, Cyber Monday, summer sales, or a grand opening. Every element is cleanly named and every text layer is live, so a complete rebrand takes minutes in the editor—or a single prompt via Claude and the SVGator MCP server.
SVGator Project Links:
• Template (Set 1 — Maison Mira, Black Friday): https://app.svgator.com/editor#/8d76d24cb35142a8ac46462f200909df
• Rebrand Proof (Set 2 — Voltbox, Cyber Monday): https://app.svgator.com/editor#/b9e95de2d8594f7eac703f03e8116be4
Template Specs:
• Format: 4:5 feed post (1080×1350), 12 seconds, plays once and holds on the printed receipt (also supports JS SVG tap-to-play for web hero widgets)
• Category: Seasonal sale launch (Black Friday, Cyber Monday, summer sale, store opening) for Instagram/LinkedIn feed, ads, and email headers
• Fonts: DM Sans + DM Serif Display (Google Fonts, OFL)
• Artwork: 100% original flat vectors drawn for this template (workers, ladders, phone, app UI, receipt printer, receipt, sticker, caution tapes, and both logos), paired with creator-supplied product photos to prove the image slots accept real photography
Named Editable Slots:
• Images: logo (on the receipt), app-logo (in-app header), product-image-1, product-image-2, product-image-3, product-image-4 (200×210 slots; works with both real product photos and vector art)
• Live Text (Banner): banner-title-1, banner-title-2, banner-sub, countdown-1, countdown-2, countdown-3, countdown-4
• Live Text (App UI): screen-heading, see-all, chip-text-1…4, product-name-1…4, old-price-1…4, new-price-1…4, badge-text-1…4
• Live Text (Finale & Receipt): receipt-title-1, receipt-title-2, receipt-subtitle, receipt-item-1…4, receipt-old-1…4, receipt-price-1…4, saved-label, saved-amount, receipt-code, cta-text, sticker-big, sticker-small, printer-label, tape-text-1, tape-text-2
• Brand Colors: wall, spotlight, floor, banner-fabric, fold-1…3, crease-1…3, crew torso/cap/sleeve parts, phone-body, card-1…4, badge-bg-1…4, end-burst, bg-dot-1…2, tape-band-1…2, printer-body, printer-lip, printer-led, sticker-burst, cta-bg, confetti-1…6
MCP Rebrand Prompt Used for Proof:
"Duplicate my Banner Drop Sale project. Change banner-title-1/2 to CYBER / MONDAY and banner-sub to DEALS ARE LIVE, swap the logo, app-logo and product-image-1…4 for my Voltbox logo and product photos, set the product names to Crossbody Bag, City Satchel, Blue Shades and Oxford Shirt with new old and new prices and -35% badges, rewrite the receipt (CYBER / MONDAY, the four items, YOU SAVED $240), set the sticker to 35% OFF and the tapes to CYBER MONDAY • 35% OFF and 48 HOURS ONLY • FREE DELIVERY, and recolor everything to navy, electric blue and lime. Don't change any animation."