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
FLOWSTATE — Every Business Has a Flow
One connected business. One seamless animated story.
Every business has a flow. FLOWSTATE makes it visible.
FLOWSTATE is a reusable 2.5D isometric animation template, built entirely in SVGator with Claude through the SVGator MCP.
Instead of showcasing a single product, FLOWSTATE brings an entire business ecosystem to life.
Three interconnected worlds work together:
Business Hub — An operational command center where employees process orders and coordinate activity.
Fulfillment — A miniature automated warehouse where workers pick, pack, scan and dispatch parcels.
Analytics — A live data center where dashboards update, signals are processed and results are confirmed.
Watch an order travel through the entire system, from the first action to the final confirmation. Every signal, movement and transition is synchronized within a seamless 11-second animation loop.
Built to be reused.
All advertising copy, brand names and taglines are editable SVGator text elements.
To demonstrate this, I created CARGOLINE, a second branded version of the same template. Only 10 text strings were replaced — all 1,940 animation keyframes remained unchanged.
Behind the build:
636 vector shapes
1,940 animation keyframes
3 connected business environments
11-second seamless loop
Native editable SVGator elements
Built using Claude + SVGator MCP
No flattened artwork. No rebuilt animations between brands.
One motion system. Different business stories.
The attached video demonstrates the original FLOWSTATE animation and its CARGOLINE adaptation.
Public SVGator template: https://app.svgator.com/editor/#/19606edb5e1c4a4c8c9912e7ab49a413
Social challenge post: https://x.com/bodescuSorin/status/2112082466442006978
Built for the #svgatorchallenge.
#SVGator #MotionDesign #CreativeAutomation #IsometricAnimation #ClaudeAI #MCP
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
Built SPHINX HALLOWEEN hoodie + 3 Liquid Glass animated product tags using SVGator MCP
I connected mcp.svgator.com/mcp to Claude Sonnet 4.5 and asked for "liquid glass product tags for SPHINX HALLOWEEN hoodie - EGYPT EDITION, SPHINX HALLOWEEN, $89 - transparent so it sits over hoodie without touching it"
Claude used MCP tools in ONE call:
Describe SVGator element
create_project: 1920x1080 canvas, transparent background, 3 groups (pill shape + text + blur filter + top highlight), keyframes for floating animation
Result: EGYPT EDITION / SPHINX HALLOWEEN / $89 glass tags over untouched hoodie design
Brand: SPHINX EGYPT - Halloween 2026 drop
Hoodie design preserved - only overlay added
♥️♥️
Open Shop: a 3D storefront ad that opens itself.🏪
I read through SVGator's template gallery and found plenty of cards, carousels and logo reveals, but nothing a local shop, café or online store could use to say "we're open" or "new drop". So I built it.
In 10 seconds an empty lot gets a location pin, a shop in your brand colour rises from the ground, the awning unrolls, your logo sign goes up, the lights come on, your products appear in the window, and your headline lands with fireworks and a delivery van pulling up.
To make it yours you change 1 colour, 3 images and 6 lines of text. Every label is live text and every layer is named (logo, headline, product-image-1 and so on). The video shows it as a café, then as a record shop: same animation, no keyframes touched.
Built with the SVGator MCP from Claude. All artwork is original.
Love that you went through the gallery first and built for what was missing 💜 Small shops and cafés really are underserved. Such a cool concept. Nice to see you here too Mayank, 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...