SVG Weave turns a text prompt, an image or an SVG into an animated SVG made of plain CSS @keyframes, so there's no JavaScript or player to ship.
Credit packs from $5. Exports SVG, PNG and GIF.
Animate SVGswith AI
One render, three states
Ready. 20 credits are held until it finishes.
Connected
Rendering
Done
Press Render on the first copy. It plays the node through its states and ends on the file this prompt really produced; nothing is sent anywhere.
Three nodes, one file
Drawings come in as Input nodes and sentences as Prompt nodes; a Render node turns the pair into one SVG. A render can feed the next prompt, so motion is built in layers rather than described all at once.
Input
Upload an .svg, paste its code, generate a drawing from text, or convert a PNG, JPG or WebP.
Prompt
Describe the motion in plain English and connect the sentence to a Render node.
Render
The file streams in as it is written. Download it, export PNG or GIF, or chain it into the next prompt.
The editor, recorded.
Two minutes from an input to an exported file. The player loads only when you press play.
Everything is in the file
Everything is in the file
Five plates, one pipeline.
The lighthouse came from a sentence. The other four were drawn with the lighthouse passed to the text-to-SVG step as a style reference, then a second sentence gave each its motion. Nothing was retouched. Pick one.
“Sweep the lighthouse beam slowly left and right, make the lamp glow pulse, roll the waves gently side to side at different speeds, and have the seagulls glide and bob”
The motion is CSS, nothing else.
Switch it off and you are looking at the drawing the animation step received, untouched.
Read the style block.
One block of @keyframes and selectors on the element ids, with the paths untouched beneath it. Flip the output to its code.
Ship it as a file.
SVG for the web, PNG for a still, GIF where SVG animation does not play. The PNGs are the editor's own exports; the compass also has its GIF export, four seconds at 15 frames a second.
lighthouse.svg, 6.9 KB: 7 CSS @keyframes, no JavaScript.
| Credit packs | Micro$5once | Starter$10once | Growth$20once | Pro$50once |
|---|---|---|---|---|
| Credits | 150 | 350 | 750 | 2,000 |
| Renders, about | 8 | 19 | 42 | 110 |
| Per credit | $0.033 | $0.029 | $0.027 | $0.025 |
| Against the $5 pack | the baseline | saves 14% | saves 20% | saves 25% |
| Buy for $5 | Buy for $10 | Buy for $20 | Buy for $50 |
Credit packs
No free tier. A typical render costs about 18 credits, billed from the compute it actually used, so complex renders cost more. Text-to-SVG and image-to-SVG cost a fixed 50 credits each.
Each page explains one step of the pipeline: what the generator is told, what comes back, and what it costs.
Four tools, one editor
SVG Animation Generator
Describe the motion in plain English and get an animated SVG with embedded CSS @keyframes. Works on SVGs you upload, paste or generate. No JavaScript.
CSS @keyframes Generator
Generate CSS @keyframes for SVG elements from a plain-English description: ready-to-paste keyframes with timing, easing and staggered delays, in the SVG.
Image to SVG Converter
Convert a PNG, JPG or WebP into an editable SVG with AI vectorization, then animate it. Best for logos, icons and flat artwork. 50 credits per conversion.
Text to SVG Generator
Generate a static SVG illustration or icon from a text description, with an optional reference SVG for style. 50 credits per generation. Clean vector code.