SVG Weave is a visual node graph editor for animating SVGs with AI. Upload an SVG (or generate one from text/images), describe the motion you want, and watch AI stream production-ready CSS @keyframes in real time. Chain renders together- each step builds on the last. Connect two SVGs to auto-generate state transitions. Click any element to fine-tune it with an AI chat editor. A built-in timeline lets you scrub and inspect every animation. Start free with 20 credits. No design tools needed.

Unblocked — Giving your agents the context to save time and tokens.

Giving your agents the context to save time and tokens.

Hey PH! I'm Prakhar, the solo builder behind SVG Weave. I kept running into the same problem: I had SVGs that looked great but were completely static. Adding CSS animations by hand meant writing dozens of @keyframes rules, getting timing right, and constantly previewing. It was tedious and slow. So I built SVG Weave - a ComfyUI-style node graph where you wire up SVG inputs, animation prompts, and AI render nodes. The AI streams production-ready CSS animations in real time. What makes it different: - 4 input modes - upload SVG, paste code, generate from text, or vectorize an image - Animation chaining - feed one render into the next prompt to build complex animations step by step - State transitions - connect two SVGs and the AI morphs between them - Element-level editing - click any path/group and chat with AI to tweak just that element - Timeline inspector - visual tracks for every animated element with scrubbing The AI enforces cinematic motion design rules - no linear easing on organic motion, multi-stop keyframes, staggered delays, anticipation frames - so animations actually look good out of the box. 20 free credits to try it. Would love your feedback!

This is very cool, I haven't tried anything like this before but this tool has made animated svg like a game changer for me. when you are planning to add support for lottie files then it will be really amazing to customize icons and everything?

@areeburrub yes lottie file export is in the works! Thank you for the feedback Areeb : )

Unblocked — Giving your agents the context to save time and tokens.

Giving your agents the context to save time and tokens.

@areeburrub yes lottie file export is in the works! Thank you for the feedback Areeb : )

SVG Weave

Chain AI renders in a visual graph to animate any SVG

Chain AI renders in a visual graph to animate any SVG