THIS WEEK turns three products, specials, recommendations, or recent posts into an eight-second weekly roundup for small businesses and content creators. Replace three independent images, retype the live copy, and change the palette: a café menu and a creator's gear picks use identical card choreography. Built through SVGator MCP, with named editing groups and a seamless return to the opening stack.
Role: SVG motion design and template architecture
Timeline: October 2026
Stack: SVGator, SVG, CSS animation, Antigravity MCP
The Challenge
Weekly content roundups are one of the most reliable engagement formats on social media — but producing a polished animated version every week is time-consuming. The goal was to design a single reusable motion template where a creator or small business owner could swap three images, update the text, adjust the color scheme, and export a new eight-second clip each week without touching a timeline.
Design Decisions
Three-card choreography. Each of the three content slots enters independently with staggered timing, giving the viewer time to register each item before the next arrives.
Palette-driven theming. Three named color variables control the entire visual identity. Changing them transforms the template from a warm café aesthetic to a cool tech-forward look without editing individual elements.
Independent image slots. Each image sits in its own named group with fixed dimensions. Replacing one image doesn't affect the others or the surrounding motion.
Seamless loop. The closing pose returns to the opening card stack, so the animation loops cleanly in social feeds that autoplay video.
Implementation Spotlight
The entire template was authored through SVGator MCP. The workflow included:
Creating the base SVG layout with three card containers and text layers
Sequencing staggered card reveals with offset cubic-bezier easing
Adding text fade-ins synchronized to each card's entrance
Building the reverse sequence to return all elements to the opening state
Organizing all elements into named editing groups: Card 1, Card 2, Card 3, Headline, Palette
The demo renders two variants — a café weekly menu and a creator's gear roundup — using identical keyframes with different content, proving the template's adaptability.
Delivered Result
The finished template is a self-contained SVGator project at 1080 × 1350, optimized for Instagram and vertical social formats:
Three independently replaceable image slots
Live editable headline, subheadline, and item labels
Three-color palette system for instant re-theming
Named editing groups for self-documenting project structure
Matching opening and closing poses for seamless looping
Eight-second animation built through SVGator. Three independent image slots, live editable copy, and a changeable palette let you post a new roundup every week.