iOS Assistant Personality Picker Animated with SVGator MCP

iOS Assistant Personality Picker Animated with SVGator MCPiOS Assistant Personality Picker Animated with SVGator 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

Back to feedPost

Peeyush Singh

pro

• 18h

Personality Picker: an iOS assistant-personality template, animated through the SVGator MCP An iOS "assistant personality" picker, built as a free SVGator template for the #SVGatorChallenge.

What it does A settings row opens a sheet where you swipe through four assistant personalities. Each one has its own colour wash, speech bubble, three trait chips and a description. The mascot is my own ghost character in four moods: Sunny, Blaze, Halo and Specs.

What you can change in five minutes • 40 live text layers: names, chips, bubbles, descriptions, the settings card • 5 square image slots (one per personality plus the settings card): drop in your own character • 4 wash gradients and 4 glow colours: one paint each • every layer named (avatar-sunny, sunny-bubble-text, blaze-brows, halo-ring, specs-glasses …)

How it was built

Screens designed in Figma (iPhone 16 Pro, iOS 26 look) and exported as one SVG stage.

Imported into SVGator, then the whole 13-second animation was keyed through the SVGator MCP from Claude Code, one edit per call: sheet rise, four swipes with directional blur, bubble settles, blinks and eye darts, the glasses push.

Completed work

Animation ChatGPT Claude svgatorchallenge SVGator

Youssef Hussein

• Oct 12

https://app.svgator.com/editor#/daf162a280694e9abb4c3339fabf29ac

I created animated liquid glass product tags for the SPHINX HALLOWEEN EGYPT - LIMITED EDITION / EGYPT DROP hoodie.

Concept: Modern streetwear meets ancient Egypt. The frosted glass badges float over a mystical Egyptian temple night scene, revealing the hoodie as the hero product. All tags appear at once with a smooth fade-in, creating a premium shop callout effect.

Built entirely in SVGator using glassmorphism (low opacity + blur) and synchronized timeline animation.

#svgatorchallenge #liquidglass #egyptdrop #halloween

svgatorchallenge

Benjamin C

max

• Oct 13

liquid glass tags in svgator is a fun flex for the challenge

Abdul Samad

• Oct 12

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

svgatorchallenge