SVG Weave

SVG Weave is an AI-powered tool that creates animated SVGs from text descriptions, images, or existing SVG files. Users describe the desired motion and the system generates production-ready animated SVGs with CSS @keyframes. It addresses the need for animation without manual design tools.

The tool supports generation of SVGs from text prompts or image uploads, automatically producing a clean SVG before animating it. Its AI-powered animation streams code in real time. Animation chaining lets users feed one render into the next prompt so steps build sequentially, such as adding blinks followed by speech bubbles or expressions. A node-based editor provides a visual graph workflow where SVG inputs connect to prompts and renders, allowing users to branch or fork animation paths and explore multiple directions at once.

State transitions accept an initial and final SVG, with the AI creating smooth animated changes that morph shapes, colors, and positions. The timeline editor displays visual tracks for every animated element, enabling users to scrub through time and inspect keyframes. Element-level editing permits selection of any element on the canvas so the AI can target precise changes to colors, timing, or motion on individual paths.

SVG Weave operates on a credit-based pricing model in which users buy credits as needed and pay only for what they use. Plans include Micro at $5 for 150 credits, Starter at $10 for 350 credits, Growth at $20 for 750 credits, and Pro at $50 for 2,000 credits. It remains in beta and was built by Prakhar.