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
Motion Modules for SVGator: a preset can be code:
What if a SVGator preset could be code?
Motion Modules: SVGator owns the timeline, a module owns the physics inside one layer. Keyframe its parameters like any property, and it renders as a pure function of the playhead, so scrubbing, looping and export keep working.
01 Bake. The module runs once and writes ordinary SVGator keyframes. Proof: HALO Water, 1,521 keyframes written by a solver and pushed into SVGator through the MCP, plus three physics logo presets: Gather, Heartbeat, Radiant.
02 Live. A real SVGator export with one empty slot layer. The HALO engine draws 1,500 strokes inside it, synced only through the public Player API. Deterministic: scrub backwards and every stroke lands exactly where it was.
Every keyframe was built through the SVGator MCP. None set by hand.
Live demo: https://halo-motion-modules.vercel.app
SVGator baked HALO animation from "Motion Modules Engine": https://app.svgator.com/editor#/9433b477be314d278c40a34f2f9fa39b
SVGator owns the timeline, a module owns the physics is an elegant architecture, Serhii. Baking 1,521 keyframes from a solver straight into ordinary SVGator keyframes through the MCP is the kind of thing that makes motion designers' eyes widen. Deterministic scrubbing with 1,500 strokes is seriously impressive.
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
After making Framer components, I finally built my first template.
Perfect for Indie game studios, game jams, early access and playtest sign-ups, Steam or console launch teasers, and any project with a retro or arcade vibe.
Free on the Framer Marketplace. Link below 👇
Congrats on the first template. "You're in, Player 1" as the success state is such a good touch, and the world-loading bar with players in queue makes a waitlist feel alive. Is the queue counter wired to real sign-ups, or a number you edit in Framer?
Motion Graphics for Social Media
A collection of motion graphics created for various social media accounts, exploring how movement, typography, and visual elements can strengthen digital communication.
Each piece is designed to capture attention, communicate ideas clearly, and create engaging visual experiences through motion.
Category: Animation & Motion Graphics
Services: Motion Graphics, 2D Animation, Social Media Design, Typography Animation, Visual Communication
Tools: Adobe After Effects, Adobe Illustrator (kullandığın projelerde)
Role: Motion Designer / Visual Designer
Project Type: Social Media Content / Client Projects
The cobalt blue frame around the magenta appliance posts makes the whole reel feel like one system. Do you build the motion into a template per client, or animate each post from scratch?
Lumina – Preloader + Hero sequence
Explored a quieter entrance experience:
Soft morphing preloader
Controlled reveal into the hero
Focus on atmosphere over speed
When do you decide a preloader is worth using?
Atmosphere over speed works when the preloader is short and sets the mood, like this soft morph. On content heavy sites I'd usually skip it so people get to the content faster.