I'm searching for software to generate SVG and CSS3 (for animations) code. I already know lots of tools that exports to SVG and JavaScript (sometimes also CSS3 + JavaScript), but I'm looking for generator that returns pure SVG + CSS3 code. I saw lots of docs and tried some examples and I know that it's possible to create SVG and animate it with @keyframes rules and animation property in CSS3.

An fallback apng export would be great, but not required if there are no better tools.

1 Answer 1


Google Web Designer might fit your criteria. Failing that look at Inkscape Animation

  • firstly it's a beta release - I would like to work on stable software :/, secondly I can't find a SVG option, I see ads, HTML (with canvas), CSS, JavaScript and XML but this topic is about SVG element + CSS animations
    – s77s
    Apr 21, 2017 at 11:56
  • oh, and I forgot to write about second link, if I understand all descriptions then there are a list of programs that could work with SVG and only tutorials to combine SVG and CSS3 - I'm looking for complete SVG editor to work with CSS3 animations, because lots of JavaScript plug-ins provices functionally that could be done in CSS (not all, but JavaScript part I can done manually - most of work I will have with animations).
    – s77s
    Apr 21, 2017 at 13:16
  • What do you mean by "complete SVG editor to work with CSS3 animations"? SVG and CSS are both stored as text, and you can edit that using an ordinary text editor such as Microsoft's Notepad. I suspect that's not what you want though, because it would not be easy to code your animation directly by editing these files. I've looked for SVG/CSS-based animation tools. I didn't find exactly what I wanted, so am writing my own. But the best I did find was SVGator, svgator.com . Is that any use to you? I don't think it's free, but you didn't say whether you needed that. Nov 21, 2020 at 13:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.